npm - @pepperi-addons/ngx-lib - Versions diffs - 0.2.59-query-builder.7 → 0.2.61 - Mend

@pepperi-addons/ngx-lib 0.2.59-query-builder.7 → 0.2.61

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.

Files changed (521) hide show

package/bundles/pepperi-addons-ngx-lib-button.umd.js CHANGED Viewed

@@ -120,7 +120,7 @@
     PepButtonComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'pep-button',
-                    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>",
+                    template: "<button mat-button [pepDataQa]=\"key ? key : value\"\n    class=\"pep-button {{ sizeType }} {{ styleType }} {{ styleStateType }} {{ classNames }}\"\n    [ngClass]=\"{ 'icon-button': iconName && !value }\" [disabled]=\"disabled\" (click)=\"onButtonClicked($event)\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\">\n    </ng-container>\n</button>\n\n<ng-template #contentTemplate>\n    <mat-icon *ngIf=\"iconName && iconPosition === 'start'\" [ngClass]=\"{ 'pull-left flip': value }\">\n        <pep-icon name=\"{{iconName}}\"></pep-icon>\n    </mat-icon>\n    <span *ngIf=\"value\" class=\"ellipsis pull-left flip\"\n        [ngClass]=\"{ 'button-title-with-icon': iconName, 'icon-before': iconPosition === 'start' }\" [title]=\"value\">\n        {{value}}\n    </span>\n    <mat-icon *ngIf=\"iconName && iconPosition === 'end'\" [ngClass]=\"{ 'pull-left flip': value }\">\n        <pep-icon name=\"{{iconName}}\"></pep-icon>\n    </mat-icon>\n</ng-template>",
                     styles: [":host{display:grid}"]
                 },] }
     ];

package/bundles/pepperi-addons-ngx-lib-button.umd.js.map CHANGED Viewed

	@@ -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,~~w/BAAsC~~;;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;;;;;;;;;;;;;;"}
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 {\n key: string;\n value?: string;\n classNames?: string;\n disabled?: boolean;\n iconName?: string;\n iconPosition?: 'start' \| 'end';\n callback?: (action: IPepButtonClickEvent) => void;\n\n constructor(data: Partial<PepButton>) {\n Object.assign(this, data);\n }\n}\n\nexport interface IPepButtonClickEvent {\n source: PepButton;\n event?: Event;\n}\n","import {\n Component,\n OnDestroy,\n Input,\n Output,\n EventEmitter,\n Renderer2,\n ElementRef,\n} from '@angular/core';\nimport {\n PepStyleType,\n PepStyleStateType,\n PepSizeType,\n} from '@pepperi-addons/ngx-lib';\nimport { PepIconType } from '@pepperi-addons/ngx-lib/icon';\nimport { PepButton, IPepButtonClickEvent } from './button.model';\n\n/*\n This is a button component that support pepperi theme\n * style & state & sizes\n \n @export\n * @class PepButtonComponent\n * @implements {OnDestroy}\n /\n@Component({\n selector: 'pep-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n})\nexport class PepButtonComponent implements OnDestroy {\n /\n The button key\n \n @type {string}\n * @memberof PepButtonComponent\n /\n @Input() key: string;\n\n /\n The text on the button.\n \n @type {string}\n * @memberof PepButtonComponent\n /\n @Input() value: string;\n\n /\n The style of the button.\n \n @type {PepStyleType}\n * @memberof PepButtonComponent\n /\n @Input() styleType: PepStyleType = 'weak';\n\n /\n The style state of the button.\n \n @type {PepStyleStateType}\n * @memberof PepButtonComponent\n /\n @Input() styleStateType: PepStyleStateType = 'system';\n\n /\n The size of the button.\n \n @type {PepSizeType}\n * @memberof PepButtonComponent\n /\n @Input() sizeType: PepSizeType = 'md';\n\n /\n Class names that should be on the button element tag like classNames=\"class1 class2\"\n \n @memberof PepButtonComponent\n /\n @Input() classNames = '';\n\n /\n If the button is disable or not.\n \n @type {boolean}\n * @memberof PepButtonComponent\n /\n @Input() disabled = false;\n\n /\n The icon name to show on the button. look in (@link icon -> All icons)\n \n @type {PepIconType} See {@link PepIconType}\n * @memberof PepButtonComponent\n /\n @Input() iconName: PepIconType;\n\n /\n The icon position.\n \n @type {('start' \| 'end')}\n * @memberof PepButtonComponent\n /\n @Input() iconPosition: 'start' \| 'end' = 'end';\n\n private _visible = true;\n /\n If the button is visible or not.\n \n @memberof PepButtonComponent\n /\n @Input()\n set visible(visible: boolean) {\n if (visible !== undefined) {\n this._visible = !!visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n /\n The button click event.\n \n @type {EventEmitter<IPepButtonClickEvent>}\n * @memberof PepButtonComponent\n /\n @Output()\n buttonClick: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\n\n constructor(private renderer: Renderer2, private element: ElementRef) { }\n\n ngOnDestroy(): void {\n // if (this.buttonClick) {\n // this.buttonClick.unsubscribe();\n // }\n }\n\n /\n The button click\n /\n onButtonClicked(event: Event): void {\n const button = new PepButton({\n key: this.key,\n value: this.value,\n });\n\n const buttonClick = {\n source: button,\n event,\n };\n\n this.buttonClick.emit(buttonClick);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { PepIconModule } from '@pepperi-addons/ngx-lib/icon';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepButtonComponent } from './button.component';\n\n@NgModule({\n imports: [\n CommonModule,\n // Material modules\n MatCommonModule,\n MatButtonModule,\n MatIconModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n ],\n exports: [PepButtonComponent],\n declarations: [PepButtonComponent],\n})\nexport class PepButtonModule {}\n","/\n * Public API Surface of ngx-lib/button\n /\nexport from './button.module';\nexport * from './button.component';\nexport * from './button.model';\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,o9BAAsC;;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;;;;;;;;;;;;;;"}

package/bundles/pepperi-addons-ngx-lib-carousel.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-carousel.umd.js","sources":["../../../projects/ngx-lib/carousel/carousel-item.directive.ts","../../../projects/ngx-lib/carousel/carousel.component.ts","../../../projects/ngx-lib/carousel/carousel.module.ts","../../../projects/ngx-lib/carousel/public-api.ts","../../../projects/ngx-lib/carousel/pepperi-addons-ngx-lib-carousel.ts"],"sourcesContent":["import {\r\n Directive,\r\n ElementRef,\r\n Input,\r\n HostBinding,\r\n Inject,\r\n} from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[pepCarouselItem]',\r\n})\r\nexport class PepCarouselItemDirective {\r\n @HostBinding('style.display')\r\n display = 'inline-block';\r\n\r\n @Input('dragDisabled')\r\n get dragDisabled() {\r\n return this._dragDisabled;\r\n }\r\n set dragDisabled(value: boolean) {\r\n this._dragDisabled = value;\r\n }\r\n\r\n _dragDisabled = false;\r\n\r\n _elementRef: ElementRef;\r\n\r\n constructor(@Inject(ElementRef) elementRef: ElementRef) {\r\n this._elementRef = elementRef;\r\n }\r\n}\r\n","import {\r\n ElementRef,\r\n Component,\r\n Renderer2,\r\n OnDestroy,\r\n Input,\r\n Output,\r\n AfterViewInit,\r\n OnChanges,\r\n EventEmitter,\r\n ViewChild,\r\n ContentChildren,\r\n AfterViewChecked,\r\n QueryList,\r\n Inject,\r\n HostBinding,\r\n HostListener,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\nimport { PepCarouselItemDirective } from './carousel-item.directive';\r\n\r\n@Component({\r\n selector: 'pep-carousel',\r\n template: `\r\n <div class=\"carousel-content\" #contentRef>\r\n <ng-content></ng-content>\r\n </div>\r\n `,\r\n styles: [\r\n `\r\n :host {\r\n overflow: hidden;\r\n display: block;\r\n }\r\n .carousel-content {\r\n height: 100%;\r\n overflow: auto;\r\n white-space: nowrap;\r\n }\r\n `,\r\n ],\r\n})\r\nexport class PepCarouselComponent\r\n implements OnDestroy, AfterViewInit, OnChanges, AfterViewChecked {\r\n private _index = 0;\r\n\r\n private _scrollbarHidden = false;\r\n\r\n private _disabled = false;\r\n\r\n private _xDisabled = false;\r\n\r\n private _xWheelEnabled = false;\r\n\r\n private _yDisabled = false;\r\n\r\n private _dragDisabled = false;\r\n\r\n private _snapDisabled = false;\r\n\r\n private _snapOffset = 0;\r\n\r\n private _snapDuration = 500;\r\n\r\n private _isDragging = false;\r\n\r\n private _onMouseMoveListener: () => any;\r\n\r\n private _onMouseUpListener: () => any;\r\n\r\n private _onMouseDownListener: () => any;\r\n\r\n private _onScrollListener: () => any;\r\n\r\n private _onDragStartListener: () => any;\r\n\r\n /*\r\n Is the user currently pressing the element\r\n /\r\n isPressed = false;\r\n\r\n /\r\n Is the user currently scrolling the element\r\n /\r\n isScrolling = false;\r\n\r\n scrollTimer: any; // \| NodeJS.Timer = -1;\r\n\r\n scrollToTimer: any; // \| NodeJS.Timer = -1;\r\n\r\n /\r\n Is the user currently dragging the element\r\n /\r\n get isDragging(): boolean {\r\n return this._isDragging;\r\n }\r\n\r\n /\r\n The x coordinates on the element\r\n /\r\n downX = 0;\r\n\r\n /\r\n The y coordinates on the element\r\n /\r\n downY = 0;\r\n\r\n displayType: string \| null = 'block';\r\n\r\n elWidth: string \| null = null;\r\n\r\n elHeight: string \| null = null;\r\n\r\n /\r\n The parentNode of carousel Element\r\n /\r\n parentNode: HTMLElement;\r\n\r\n /\r\n The carousel Element\r\n /\r\n\r\n @ViewChild('contentRef', { static: true }) _contentRef: ElementRef;\r\n\r\n @ContentChildren(PepCarouselItemDirective, { descendants: true })\r\n _children: QueryList<PepCarouselItemDirective>;\r\n\r\n @HostBinding('style.pointer-events') _pointerEvents = 'auto';\r\n\r\n wrapper: HTMLDivElement \| null;\r\n\r\n scrollbarWidth: string \| null = null;\r\n\r\n get currIndex() {\r\n return this._index;\r\n }\r\n set currIndex(value) {\r\n if (value !== this._index) {\r\n this._index = value;\r\n this.indexChanged.emit(value);\r\n }\r\n }\r\n\r\n isAnimating = false;\r\n\r\n prevChildrenLength = 0;\r\n\r\n indexBound = 0;\r\n\r\n @Output() dsInitialized = new EventEmitter<void>();\r\n\r\n @Output() indexChanged = new EventEmitter<number>();\r\n\r\n @Output() reachesLeftBound = new EventEmitter<boolean>();\r\n\r\n @Output() reachesRightBound = new EventEmitter<boolean>();\r\n\r\n @Output() snapAnimationFinished = new EventEmitter<number>();\r\n\r\n @Output() dragStart = new EventEmitter<void>();\r\n\r\n @Output() dragEnd = new EventEmitter<void>();\r\n\r\n /\r\n Whether the scrollbar is hidden\r\n /\r\n @Input('scrollbarHidden')\r\n get scrollbarHidden() {\r\n return this._scrollbarHidden;\r\n }\r\n set scrollbarHidden(value: boolean) {\r\n this._scrollbarHidden = value;\r\n }\r\n\r\n /\r\n Whether horizontally and vertically draging and scrolling is be disabled\r\n /\r\n @Input('disabled')\r\n get disabled() {\r\n return this._disabled;\r\n }\r\n set disabled(value: boolean) {\r\n this._disabled = value;\r\n }\r\n\r\n /\r\n Whether horizontally dragging and scrolling is be disabled\r\n /\r\n @Input('xDisabled')\r\n get xDisabled() {\r\n return this._xDisabled;\r\n }\r\n set xDisabled(value: boolean) {\r\n this._xDisabled = value;\r\n }\r\n\r\n /\r\n Whether vertically dragging and scrolling events is disabled\r\n /\r\n @Input('yDisabled')\r\n get yDisabled() {\r\n return this._yDisabled;\r\n }\r\n set yDisabled(value: boolean) {\r\n this._yDisabled = value;\r\n }\r\n\r\n /\r\n Whether scrolling horizontally with mouse wheel is enabled\r\n /\r\n @Input('xWheelEnabled')\r\n get xWheelEnabled() {\r\n return this._xWheelEnabled;\r\n }\r\n set xWheelEnabled(value: boolean) {\r\n this._xWheelEnabled = value;\r\n }\r\n\r\n @Input('dragDisabled')\r\n get dragDisabled() {\r\n return this._dragDisabled;\r\n }\r\n set dragDisabled(value: boolean) {\r\n this._dragDisabled = value;\r\n }\r\n\r\n @Input('snapDisabled')\r\n get snapDisabled() {\r\n return this._snapDisabled;\r\n }\r\n set snapDisabled(value: boolean) {\r\n this._snapDisabled = value;\r\n }\r\n\r\n @Input('snapOffset')\r\n get snapOffset() {\r\n return this._snapOffset;\r\n }\r\n set snapOffset(value: number) {\r\n this._snapOffset = value;\r\n }\r\n\r\n @Input('snapDuration')\r\n get snapDuration() {\r\n return this._snapDuration;\r\n }\r\n set snapDuration(value: number) {\r\n this._snapDuration = value;\r\n }\r\n\r\n constructor(\r\n @Inject(ElementRef) private _elementRef: ElementRef,\r\n @Inject(Renderer2) private _renderer: Renderer2,\r\n @Inject(DOCUMENT) private _document: any\r\n ) {\r\n this.scrollbarWidth = `${this.getScrollbarWidth()}px`;\r\n }\r\n\r\n ngOnChanges() {\r\n this.setScrollBar();\r\n\r\n if (this.xDisabled \|\| this.disabled \|\| this._scrollbarHidden) {\r\n this.disableScroll('x');\r\n } else {\r\n this.enableScroll('x');\r\n }\r\n\r\n if (this.yDisabled \|\| this.disabled) {\r\n this.disableScroll('y');\r\n } else {\r\n this.enableScroll('y');\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n // auto assign computed css\r\n this._renderer.setAttribute(\r\n this._contentRef.nativeElement,\r\n 'drag-scroll',\r\n 'true'\r\n );\r\n\r\n this.displayType =\r\n typeof window !== 'undefined'\r\n ? window.getComputedStyle(this._elementRef.nativeElement)\r\n .display\r\n : 'block';\r\n\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'display',\r\n this.displayType\r\n );\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'whiteSpace',\r\n 'noWrap'\r\n );\r\n\r\n // store ele width height for later user\r\n this.markElDimension();\r\n\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'width',\r\n this.elWidth\r\n );\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'height',\r\n this.elHeight\r\n );\r\n\r\n if (this.wrapper) {\r\n this.checkScrollbar();\r\n }\r\n\r\n this._onMouseDownListener = this._renderer.listen(\r\n this._contentRef.nativeElement,\r\n 'mousedown',\r\n this.onMouseDownHandler.bind(this)\r\n );\r\n this._onScrollListener = this._renderer.listen(\r\n this._contentRef.nativeElement,\r\n 'scroll',\r\n this.onScrollHandler.bind(this)\r\n );\r\n // prevent Firefox from dragging images\r\n this._onDragStartListener = this._renderer.listen(\r\n 'document',\r\n 'dragstart',\r\n (e) => {\r\n e.preventDefault();\r\n }\r\n );\r\n this.checkNavStatus();\r\n this.dsInitialized.emit();\r\n this.adjustMarginToLastChild();\r\n }\r\n\r\n ngAfterViewChecked() {\r\n // avoid extra checks\r\n if (this._children.length !== this.prevChildrenLength) {\r\n this.markElDimension();\r\n this.checkScrollbar();\r\n this.prevChildrenLength = this._children.length;\r\n this.checkNavStatus();\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this._renderer.setAttribute(\r\n this._contentRef.nativeElement,\r\n 'drag-scroll',\r\n 'false'\r\n );\r\n if (this._onMouseDownListener) {\r\n this._onMouseDownListener = this._onMouseDownListener();\r\n }\r\n if (this._onScrollListener) {\r\n this._onScrollListener = this._onScrollListener();\r\n }\r\n if (this._onDragStartListener) {\r\n this._onDragStartListener = this._onDragStartListener();\r\n }\r\n }\r\n\r\n onMouseMoveHandler(event: MouseEvent) {\r\n this.onMouseMove(event);\r\n }\r\n\r\n onMouseMove(event: MouseEvent) {\r\n if (this.isPressed && !this.disabled) {\r\n // Workaround for prevent scroll stuck if browser lost focus\r\n // MouseEvent.buttons not support by Safari\r\n if (!event.buttons && !event.which) {\r\n return this.onMouseUpHandler(event);\r\n }\r\n\r\n this._pointerEvents = 'none';\r\n this._setIsDragging(true);\r\n\r\n // Drag X\r\n if (!this.xDisabled && !this.dragDisabled) {\r\n const clientX = (event as MouseEvent).clientX;\r\n this._contentRef.nativeElement.scrollLeft =\r\n this._contentRef.nativeElement.scrollLeft -\r\n clientX +\r\n this.downX;\r\n this.downX = clientX;\r\n }\r\n\r\n // Drag Y\r\n if (!this.yDisabled && !this.dragDisabled) {\r\n const clientY = (event as MouseEvent).clientY;\r\n this._contentRef.nativeElement.scrollTop =\r\n this._contentRef.nativeElement.scrollTop -\r\n clientY +\r\n this.downY;\r\n this.downY = clientY;\r\n }\r\n }\r\n }\r\n\r\n onMouseDownHandler(event: MouseEvent) {\r\n const carouselItem: PepCarouselItemDirective \| null = this.locateCarouselItem(\r\n event.target as Element\r\n );\r\n if (carouselItem && carouselItem.dragDisabled) {\r\n return;\r\n }\r\n\r\n const isTouchEvent = event.type === 'touchstart';\r\n\r\n this._startGlobalListening(isTouchEvent);\r\n this.isPressed = true;\r\n\r\n const mouseEvent = event as MouseEvent;\r\n this.downX = mouseEvent.clientX;\r\n this.downY = mouseEvent.clientY;\r\n\r\n clearTimeout(this.scrollToTimer as number);\r\n }\r\n\r\n onScrollHandler() {\r\n this.checkNavStatus();\r\n if (!this.isPressed && !this.isAnimating && !this.snapDisabled) {\r\n this.isScrolling = true;\r\n clearTimeout(this.scrollTimer as number);\r\n this.scrollTimer = setTimeout(() => {\r\n this.isScrolling = false;\r\n this.locateCurrentIndex(true);\r\n }, 500);\r\n } else {\r\n this.locateCurrentIndex();\r\n }\r\n }\r\n\r\n onMouseUpHandler(event: MouseEvent) {\r\n if (this.isPressed) {\r\n this.isPressed = false;\r\n this._pointerEvents = 'auto';\r\n this._setIsDragging(false);\r\n if (!this.snapDisabled) {\r\n this.locateCurrentIndex(true);\r\n } else {\r\n this.locateCurrentIndex();\r\n }\r\n this._stopGlobalListening();\r\n }\r\n }\r\n\r\n /\r\n * Nav button\r\n /\r\n moveLeft() {\r\n if (this.currIndex !== 0 \|\| this.snapDisabled) {\r\n this.currIndex--;\r\n clearTimeout(this.scrollToTimer as number);\r\n this.scrollTo(\r\n this._contentRef.nativeElement,\r\n this.toChildrenLocation(),\r\n this.snapDuration\r\n );\r\n }\r\n }\r\n\r\n moveRight() {\r\n const container = this.wrapper \|\| this.parentNode;\r\n const containerWidth = container ? container.clientWidth : 0;\r\n\r\n if (\r\n !this.isScrollReachesRightEnd() &&\r\n this.currIndex <\r\n this.maximumIndex(containerWidth, this._children.toArray())\r\n ) {\r\n this.currIndex++;\r\n clearTimeout(this.scrollToTimer as number);\r\n this.scrollTo(\r\n this._contentRef.nativeElement,\r\n this.toChildrenLocation(),\r\n this.snapDuration\r\n );\r\n }\r\n }\r\n\r\n moveTo(index: number) {\r\n const container = this.wrapper \|\| this.parentNode;\r\n const containerWidth = container ? container.clientWidth : 0;\r\n if (\r\n index >= 0 &&\r\n index !== this.currIndex &&\r\n this.currIndex <=\r\n this.maximumIndex(containerWidth, this._children.toArray())\r\n ) {\r\n this.currIndex = Math.min(\r\n index,\r\n this.maximumIndex(containerWidth, this._children.toArray())\r\n );\r\n clearTimeout(this.scrollToTimer as number);\r\n this.scrollTo(\r\n this._contentRef.nativeElement,\r\n this.toChildrenLocation(),\r\n this.snapDuration\r\n );\r\n }\r\n }\r\n\r\n checkNavStatus() {\r\n setTimeout(() => {\r\n const onlyOneItem = Boolean(this._children.length <= 1);\r\n const containerIsLargerThanContent = Boolean(\r\n this._contentRef.nativeElement.scrollWidth <=\r\n this._contentRef.nativeElement.clientWidth\r\n );\r\n if (onlyOneItem \|\| containerIsLargerThanContent) {\r\n // only one element\r\n this.reachesLeftBound.emit(true);\r\n this.reachesRightBound.emit(true);\r\n } else if (this.isScrollReachesRightEnd()) {\r\n // reached right end\r\n this.reachesLeftBound.emit(false);\r\n this.reachesRightBound.emit(true);\r\n } else if (\r\n this._contentRef.nativeElement.scrollLeft === 0 &&\r\n this._contentRef.nativeElement.scrollWidth >\r\n this._contentRef.nativeElement.clientWidth\r\n ) {\r\n // reached left end\r\n this.reachesLeftBound.emit(true);\r\n this.reachesRightBound.emit(false);\r\n } else {\r\n // in the middle\r\n this.reachesLeftBound.emit(false);\r\n this.reachesRightBound.emit(false);\r\n }\r\n }, 0);\r\n }\r\n\r\n @HostListener('wheel', ['$event'])\r\n public onWheel(event: WheelEvent) {\r\n if (this._xWheelEnabled) {\r\n event.preventDefault();\r\n\r\n if (this._snapDisabled) {\r\n this._contentRef.nativeElement.scrollBy(event.deltaY, 0);\r\n } else {\r\n if (event.deltaY < 0) {\r\n this.moveLeft();\r\n } else if (event.deltaY > 0) {\r\n this.moveRight();\r\n }\r\n }\r\n }\r\n }\r\n\r\n @HostListener('window:resize')\r\n public onWindowResize() {\r\n this.refreshWrapperDimensions();\r\n this.checkNavStatus();\r\n }\r\n\r\n private _setIsDragging(value: boolean) {\r\n if (this._isDragging === value) {\r\n return;\r\n }\r\n\r\n this._isDragging = value;\r\n value ? this.dragStart.emit() : this.dragEnd.emit();\r\n }\r\n\r\n private _startGlobalListening(isTouchEvent: boolean) {\r\n if (!this._onMouseMoveListener) {\r\n const eventName = isTouchEvent ? 'touchmove' : 'mousemove';\r\n this._onMouseMoveListener = this._renderer.listen(\r\n 'document',\r\n eventName,\r\n this.onMouseMoveHandler.bind(this)\r\n );\r\n }\r\n\r\n if (!this._onMouseUpListener) {\r\n const eventName = isTouchEvent ? 'touchend' : 'mouseup';\r\n this._onMouseUpListener = this._renderer.listen(\r\n 'document',\r\n eventName,\r\n this.onMouseUpHandler.bind(this)\r\n );\r\n }\r\n }\r\n\r\n private _stopGlobalListening() {\r\n if (this._onMouseMoveListener) {\r\n this._onMouseMoveListener = this._onMouseMoveListener();\r\n }\r\n\r\n if (this._onMouseUpListener) {\r\n this._onMouseUpListener = this._onMouseUpListener();\r\n }\r\n }\r\n\r\n private disableScroll(axis: string): void {\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n `overflow-${axis}`,\r\n 'hidden'\r\n );\r\n }\r\n\r\n private enableScroll(axis: string): void {\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n `overflow-${axis}`,\r\n 'auto'\r\n );\r\n }\r\n\r\n private hideScrollbar(): void {\r\n if (\r\n this._contentRef.nativeElement.style.display !== 'none' &&\r\n !this.wrapper\r\n ) {\r\n this.parentNode = this._contentRef.nativeElement.parentNode;\r\n\r\n // create container element\r\n this.wrapper = this._renderer.createElement('div');\r\n this._renderer.addClass(this.wrapper, 'carousel-wrapper');\r\n // this._renderer.setAttribute(this.wrapper, 'class', 'carousel-wrapper');\r\n // this._renderer.addClass(this.wrapper, 'carousel-container');\r\n\r\n this.refreshWrapperDimensions();\r\n\r\n this._renderer.setStyle(this.wrapper, 'overflow', 'hidden');\r\n\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'width',\r\n `calc(100% + ${this.scrollbarWidth})`\r\n );\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'height',\r\n `calc(100% + ${this.scrollbarWidth})`\r\n );\r\n\r\n // Append container element to component element.\r\n this._renderer.appendChild(\r\n this._elementRef.nativeElement,\r\n this.wrapper\r\n );\r\n\r\n // Append content element to container element.\r\n this._renderer.appendChild(\r\n this.wrapper,\r\n this._contentRef.nativeElement\r\n );\r\n\r\n this.adjustMarginToLastChild();\r\n }\r\n }\r\n\r\n private showScrollbar(): void {\r\n if (this.wrapper) {\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'width',\r\n '100%'\r\n );\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'height',\r\n this.wrapper.style.height\r\n );\r\n if (this.parentNode !== null) {\r\n this.parentNode.removeChild(this.wrapper);\r\n this.parentNode.appendChild(this._contentRef.nativeElement);\r\n }\r\n this.wrapper = null;\r\n\r\n this.adjustMarginToLastChild();\r\n }\r\n }\r\n\r\n private checkScrollbar() {\r\n if (\r\n this._contentRef.nativeElement.scrollWidth <=\r\n this._contentRef.nativeElement.clientWidth\r\n ) {\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'height',\r\n '100%'\r\n );\r\n } else {\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'height',\r\n `calc(100% + ${this.scrollbarWidth})`\r\n );\r\n }\r\n if (\r\n this._contentRef.nativeElement.scrollHeight <=\r\n this._contentRef.nativeElement.clientHeight\r\n ) {\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'width',\r\n '100%'\r\n );\r\n } else {\r\n this._renderer.setStyle(\r\n this._contentRef.nativeElement,\r\n 'width',\r\n `calc(100% + ${this.scrollbarWidth})`\r\n );\r\n }\r\n }\r\n\r\n private setScrollBar(): void {\r\n if (this.scrollbarHidden) {\r\n this.hideScrollbar();\r\n } else {\r\n this.showScrollbar();\r\n }\r\n }\r\n\r\n private getScrollbarWidth(): number {\r\n /\r\n Browser Scrollbar Widths (2016)\r\n * OSX (Chrome, Safari, Firefox) - 15px\r\n * Windows XP (IE7, Chrome, Firefox) - 17px\r\n * Windows 7 (IE10, IE11, Chrome, Firefox) - 17px\r\n * Windows 8.1 (IE11, Chrome, Firefox) - 17px\r\n * Windows 10 (IE11, Chrome, Firefox) - 17px\r\n * Windows 10 (Edge 12/13) - 12px\r\n /\r\n const outer = this._renderer.createElement('div');\r\n this._renderer.setStyle(outer, 'visibility', 'hidden');\r\n this._renderer.setStyle(outer, 'width', '100px');\r\n this._renderer.setStyle(outer, 'msOverflowStyle', 'scrollbar'); // needed for WinJS apps\r\n // document.body.appendChild(outer);\r\n this._renderer.appendChild(this._document.body, outer);\r\n // this._renderer.appendChild(this._renderer.selectRootElement('body'), outer);\r\n const widthNoScroll = outer.offsetWidth;\r\n // force scrollbars\r\n this._renderer.setStyle(outer, 'overflow', 'scroll');\r\n\r\n // add innerdiv\r\n const inner = this._renderer.createElement('div');\r\n this._renderer.setStyle(inner, 'width', '100%');\r\n this._renderer.appendChild(outer, inner);\r\n\r\n const widthWithScroll = inner.offsetWidth;\r\n\r\n // remove divs\r\n this._renderer.removeChild(this._document.body, outer);\r\n\r\n /\r\n Scrollbar width will be 0 on Mac OS with the\r\n * default \"Only show scrollbars when scrolling\" setting (Yosemite and up).\r\n * setting default width to 20;\r\n /\r\n return widthNoScroll - widthWithScroll \|\| 20;\r\n }\r\n\r\n private refreshWrapperDimensions() {\r\n if (this.wrapper) {\r\n const height =\r\n this._elementRef.nativeElement.style.height \|\|\r\n this._elementRef.nativeElement.offsetHeight;\r\n\r\n this._renderer.setStyle(this.wrapper, 'width', '100%');\r\n this._renderer.setStyle(\r\n this.wrapper,\r\n 'height',\r\n height === 0 ? 'auto' : height + 'px'\r\n );\r\n }\r\n }\r\n\r\n /\r\n * The below solution is heavily inspired from\r\n * https://gist.github.com/andjosh/6764939\r\n /\r\n private scrollTo(element: Element, to: number, duration: number) {\r\n this.isAnimating = true;\r\n const start = element.scrollLeft,\r\n change = to - start - this.snapOffset,\r\n increment = 20;\r\n let currentTime = 0;\r\n\r\n // t = current time\r\n // b = start value\r\n // c = change in value\r\n // d = duration\r\n const easeInOutQuad = (t: number, b: number, c: number, d: number) => {\r\n t /= d / 2;\r\n if (t < 1) {\r\n return (c / 2) t * t + b;\r\n }\r\n t--;\r\n return (-c / 2) * (t * (t - 2) - 1) + b;\r\n };\r\n\r\n const animateScroll = () => {\r\n currentTime += increment;\r\n element.scrollLeft = easeInOutQuad(\r\n currentTime,\r\n start,\r\n change,\r\n duration\r\n );\r\n if (currentTime < duration) {\r\n this.scrollToTimer = setTimeout(animateScroll, increment);\r\n } else {\r\n // run one more frame to make sure the animation is fully finished\r\n setTimeout(() => {\r\n this.isAnimating = false;\r\n this.snapAnimationFinished.emit(this.currIndex);\r\n }, increment);\r\n }\r\n };\r\n animateScroll();\r\n }\r\n\r\n private locateCurrentIndex(snap?: boolean) {\r\n this.currentChildWidth(\r\n (\r\n currentChildWidth,\r\n nextChildrenWidth,\r\n childrenWidth,\r\n idx: number,\r\n stop\r\n ) => {\r\n if (\r\n this._contentRef.nativeElement.scrollLeft >=\r\n childrenWidth &&\r\n this._contentRef.nativeElement.scrollLeft <=\r\n nextChildrenWidth\r\n ) {\r\n if (\r\n nextChildrenWidth -\r\n this._contentRef.nativeElement.scrollLeft >\r\n currentChildWidth / 2 &&\r\n !this.isScrollReachesRightEnd()\r\n ) {\r\n // roll back scrolling\r\n if (!this.isAnimating) {\r\n this.currIndex = idx;\r\n }\r\n if (snap) {\r\n this.scrollTo(\r\n this._contentRef.nativeElement,\r\n childrenWidth,\r\n this.snapDuration\r\n );\r\n }\r\n } else if (\r\n this._contentRef.nativeElement.scrollLeft !== 0\r\n ) {\r\n // forward scrolling\r\n if (!this.isAnimating) {\r\n this.currIndex = idx + 1;\r\n }\r\n if (snap) {\r\n this.scrollTo(\r\n this._contentRef.nativeElement,\r\n childrenWidth + currentChildWidth,\r\n this.snapDuration\r\n );\r\n }\r\n }\r\n stop();\r\n } else if (idx + 1 === this._children.length - 1) {\r\n // reaches last index\r\n if (!this.isAnimating) {\r\n this.currIndex = idx + 1;\r\n }\r\n stop();\r\n }\r\n }\r\n );\r\n }\r\n\r\n private currentChildWidth(\r\n cb: (\r\n currentClildWidth: number,\r\n nextChildrenWidth: number,\r\n childrenWidth: number,\r\n index: number,\r\n breakFunc: () => void\r\n ) => void\r\n ) {\r\n let childrenWidth = 0;\r\n let shouldBreak = false;\r\n const breakFunc = function () {\r\n shouldBreak = true;\r\n };\r\n const childrenArr = this._children.toArray();\r\n\r\n for (let i = 0; i < childrenArr.length; i++) {\r\n if (i === childrenArr.length - 1) {\r\n break;\r\n }\r\n if (shouldBreak) {\r\n break;\r\n }\r\n\r\n const nextChildrenWidth =\r\n childrenWidth +\r\n childrenArr[i + 1]._elementRef.nativeElement.clientWidth;\r\n const currentClildWidth =\r\n childrenArr[i]._elementRef.nativeElement.clientWidth;\r\n cb(\r\n currentClildWidth,\r\n nextChildrenWidth,\r\n childrenWidth,\r\n i,\r\n breakFunc\r\n );\r\n\r\n childrenWidth += currentClildWidth;\r\n }\r\n }\r\n\r\n private toChildrenLocation(): number {\r\n let to = 0;\r\n const childrenArr = this._children.toArray();\r\n for (let i = 0; i < this.currIndex; i++) {\r\n to += childrenArr[i]._elementRef.nativeElement.clientWidth;\r\n }\r\n return to;\r\n }\r\n\r\n private locateCarouselItem(\r\n element: Element\r\n ): PepCarouselItemDirective \| null {\r\n let item: PepCarouselItemDirective \| null = null;\r\n const childrenArr = this._children.toArray();\r\n for (let i = 0; i < childrenArr.length; i++) {\r\n if (element === childrenArr[i]._elementRef.nativeElement) {\r\n item = childrenArr[i];\r\n }\r\n }\r\n return item;\r\n }\r\n\r\n private markElDimension() {\r\n if (this.wrapper) {\r\n this.elWidth = this.wrapper.style.width;\r\n this.elHeight = this.wrapper.style.height;\r\n } else {\r\n this.elWidth =\r\n this._elementRef.nativeElement.style.width \|\|\r\n this._elementRef.nativeElement.offsetWidth + 'px';\r\n this.elHeight =\r\n this._elementRef.nativeElement.style.height \|\|\r\n this._elementRef.nativeElement.offsetHeight + 'px';\r\n }\r\n const container = this.wrapper \|\| this.parentNode;\r\n const containerWidth = container ? container.clientWidth : 0;\r\n if (this._children.length > 1) {\r\n this.indexBound = this.maximumIndex(\r\n containerWidth,\r\n this._children.toArray()\r\n );\r\n }\r\n }\r\n\r\n private maximumIndex(\r\n containerWidth: number,\r\n childrenElements: PepCarouselItemDirective[]\r\n ): number {\r\n let count = 0;\r\n let childrenWidth = 0;\r\n for (let i = 0; i <= childrenElements.length; i++) {\r\n // last N element\r\n const carouselItemDirective: PepCarouselItemDirective =\r\n childrenElements[childrenElements.length - 1 - i];\r\n if (!carouselItemDirective) {\r\n break;\r\n } else {\r\n const nativeElement =\r\n carouselItemDirective._elementRef.nativeElement;\r\n let itemWidth = nativeElement.clientWidth;\r\n if (itemWidth === 0 && nativeElement.firstElementChild) {\r\n itemWidth =\r\n carouselItemDirective._elementRef.nativeElement\r\n .firstElementChild.clientWidth;\r\n }\r\n childrenWidth += itemWidth;\r\n if (childrenWidth < containerWidth) {\r\n count++;\r\n } else {\r\n break;\r\n }\r\n }\r\n }\r\n return childrenElements.length - count;\r\n }\r\n\r\n private isScrollReachesRightEnd(): boolean {\r\n const scrollLeftPos =\r\n this._contentRef.nativeElement.scrollLeft +\r\n this._contentRef.nativeElement.offsetWidth;\r\n return scrollLeftPos >= this._contentRef.nativeElement.scrollWidth;\r\n }\r\n\r\n /*\r\n adds a margin right style to the last child element which will resolve the issue\r\n * of last item gets cutoff.\r\n /\r\n private adjustMarginToLastChild(): void {\r\n // if (this._children && this._children.length > 0 && this.hideScrollbar) {\r\n // const childrenArr = this._children.toArray();\r\n // const lastItem = childrenArr[childrenArr.length - 1]._elementRef.nativeElement;\r\n // if (this.wrapper && childrenArr.length > 1) {\r\n // this._renderer.setStyle(lastItem, 'margin-right', this.scrollbarWidth);\r\n // } else {\r\n // this._renderer.setStyle(lastItem, 'margin-right', 0);\r\n // }\r\n // }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { PepCarouselComponent } from './carousel.component';\r\nimport { PepCarouselItemDirective } from './carousel-item.directive';\r\n\r\n@NgModule({\r\n exports: [PepCarouselComponent, PepCarouselItemDirective],\r\n declarations: [PepCarouselComponent, PepCarouselItemDirective],\r\n})\r\nexport class PepCarouselModule {}\r\n","/\r\n * Public API Surface of carousel\r\n /\r\nexport from './carousel.module';\r\nexport * from './carousel.component';\r\nexport * from './carousel-item.directive';\r\n// export * from './carousel.model';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["Directive","ElementRef","Inject","HostBinding","Input","EventEmitter","Component","Renderer2","DOCUMENT","ViewChild","ContentChildren","Output","HostListener","NgModule"],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-carousel.umd.js","sources":["../../../projects/ngx-lib/carousel/carousel-item.directive.ts","../../../projects/ngx-lib/carousel/carousel.component.ts","../../../projects/ngx-lib/carousel/carousel.module.ts","../../../projects/ngx-lib/carousel/public-api.ts","../../../projects/ngx-lib/carousel/pepperi-addons-ngx-lib-carousel.ts"],"sourcesContent":["import {\n Directive,\n ElementRef,\n Input,\n HostBinding,\n Inject,\n} from '@angular/core';\n\n@Directive({\n selector: '[pepCarouselItem]',\n})\nexport class PepCarouselItemDirective {\n @HostBinding('style.display')\n display = 'inline-block';\n\n @Input('dragDisabled')\n get dragDisabled() {\n return this._dragDisabled;\n }\n set dragDisabled(value: boolean) {\n this._dragDisabled = value;\n }\n\n _dragDisabled = false;\n\n _elementRef: ElementRef;\n\n constructor(@Inject(ElementRef) elementRef: ElementRef) {\n this._elementRef = elementRef;\n }\n}\n","import {\n ElementRef,\n Component,\n Renderer2,\n OnDestroy,\n Input,\n Output,\n AfterViewInit,\n OnChanges,\n EventEmitter,\n ViewChild,\n ContentChildren,\n AfterViewChecked,\n QueryList,\n Inject,\n HostBinding,\n HostListener,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\n\nimport { PepCarouselItemDirective } from './carousel-item.directive';\n\n@Component({\n selector: 'pep-carousel',\n template: `\n <div class=\"carousel-content\" #contentRef>\n <ng-content></ng-content>\n </div>\n `,\n styles: [\n `\n :host {\n overflow: hidden;\n display: block;\n }\n .carousel-content {\n height: 100%;\n overflow: auto;\n white-space: nowrap;\n }\n `,\n ],\n})\nexport class PepCarouselComponent\n implements OnDestroy, AfterViewInit, OnChanges, AfterViewChecked {\n private _index = 0;\n\n private _scrollbarHidden = false;\n\n private _disabled = false;\n\n private _xDisabled = false;\n\n private _xWheelEnabled = false;\n\n private _yDisabled = false;\n\n private _dragDisabled = false;\n\n private _snapDisabled = false;\n\n private _snapOffset = 0;\n\n private _snapDuration = 500;\n\n private _isDragging = false;\n\n private _onMouseMoveListener: () => any;\n\n private _onMouseUpListener: () => any;\n\n private _onMouseDownListener: () => any;\n\n private _onScrollListener: () => any;\n\n private _onDragStartListener: () => any;\n\n /*\n Is the user currently pressing the element\n /\n isPressed = false;\n\n /\n Is the user currently scrolling the element\n /\n isScrolling = false;\n\n scrollTimer: any; // \| NodeJS.Timer = -1;\n\n scrollToTimer: any; // \| NodeJS.Timer = -1;\n\n /\n Is the user currently dragging the element\n /\n get isDragging(): boolean {\n return this._isDragging;\n }\n\n /\n The x coordinates on the element\n /\n downX = 0;\n\n /\n The y coordinates on the element\n /\n downY = 0;\n\n displayType: string \| null = 'block';\n\n elWidth: string \| null = null;\n\n elHeight: string \| null = null;\n\n /\n The parentNode of carousel Element\n /\n parentNode: HTMLElement;\n\n /\n The carousel Element\n /\n\n @ViewChild('contentRef', { static: true }) _contentRef: ElementRef;\n\n @ContentChildren(PepCarouselItemDirective, { descendants: true })\n _children: QueryList<PepCarouselItemDirective>;\n\n @HostBinding('style.pointer-events') _pointerEvents = 'auto';\n\n wrapper: HTMLDivElement \| null;\n\n scrollbarWidth: string \| null = null;\n\n get currIndex() {\n return this._index;\n }\n set currIndex(value) {\n if (value !== this._index) {\n this._index = value;\n this.indexChanged.emit(value);\n }\n }\n\n isAnimating = false;\n\n prevChildrenLength = 0;\n\n indexBound = 0;\n\n @Output() dsInitialized = new EventEmitter<void>();\n\n @Output() indexChanged = new EventEmitter<number>();\n\n @Output() reachesLeftBound = new EventEmitter<boolean>();\n\n @Output() reachesRightBound = new EventEmitter<boolean>();\n\n @Output() snapAnimationFinished = new EventEmitter<number>();\n\n @Output() dragStart = new EventEmitter<void>();\n\n @Output() dragEnd = new EventEmitter<void>();\n\n /\n Whether the scrollbar is hidden\n /\n @Input('scrollbarHidden')\n get scrollbarHidden() {\n return this._scrollbarHidden;\n }\n set scrollbarHidden(value: boolean) {\n this._scrollbarHidden = value;\n }\n\n /\n Whether horizontally and vertically draging and scrolling is be disabled\n /\n @Input('disabled')\n get disabled() {\n return this._disabled;\n }\n set disabled(value: boolean) {\n this._disabled = value;\n }\n\n /\n Whether horizontally dragging and scrolling is be disabled\n /\n @Input('xDisabled')\n get xDisabled() {\n return this._xDisabled;\n }\n set xDisabled(value: boolean) {\n this._xDisabled = value;\n }\n\n /\n Whether vertically dragging and scrolling events is disabled\n /\n @Input('yDisabled')\n get yDisabled() {\n return this._yDisabled;\n }\n set yDisabled(value: boolean) {\n this._yDisabled = value;\n }\n\n /\n Whether scrolling horizontally with mouse wheel is enabled\n /\n @Input('xWheelEnabled')\n get xWheelEnabled() {\n return this._xWheelEnabled;\n }\n set xWheelEnabled(value: boolean) {\n this._xWheelEnabled = value;\n }\n\n @Input('dragDisabled')\n get dragDisabled() {\n return this._dragDisabled;\n }\n set dragDisabled(value: boolean) {\n this._dragDisabled = value;\n }\n\n @Input('snapDisabled')\n get snapDisabled() {\n return this._snapDisabled;\n }\n set snapDisabled(value: boolean) {\n this._snapDisabled = value;\n }\n\n @Input('snapOffset')\n get snapOffset() {\n return this._snapOffset;\n }\n set snapOffset(value: number) {\n this._snapOffset = value;\n }\n\n @Input('snapDuration')\n get snapDuration() {\n return this._snapDuration;\n }\n set snapDuration(value: number) {\n this._snapDuration = value;\n }\n\n constructor(\n @Inject(ElementRef) private _elementRef: ElementRef,\n @Inject(Renderer2) private _renderer: Renderer2,\n @Inject(DOCUMENT) private _document: any\n ) {\n this.scrollbarWidth = `${this.getScrollbarWidth()}px`;\n }\n\n ngOnChanges() {\n this.setScrollBar();\n\n if (this.xDisabled \|\| this.disabled \|\| this._scrollbarHidden) {\n this.disableScroll('x');\n } else {\n this.enableScroll('x');\n }\n\n if (this.yDisabled \|\| this.disabled) {\n this.disableScroll('y');\n } else {\n this.enableScroll('y');\n }\n }\n\n ngAfterViewInit() {\n // auto assign computed css\n this._renderer.setAttribute(\n this._contentRef.nativeElement,\n 'drag-scroll',\n 'true'\n );\n\n this.displayType =\n typeof window !== 'undefined'\n ? window.getComputedStyle(this._elementRef.nativeElement)\n .display\n : 'block';\n\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'display',\n this.displayType\n );\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'whiteSpace',\n 'noWrap'\n );\n\n // store ele width height for later user\n this.markElDimension();\n\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'width',\n this.elWidth\n );\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'height',\n this.elHeight\n );\n\n if (this.wrapper) {\n this.checkScrollbar();\n }\n\n this._onMouseDownListener = this._renderer.listen(\n this._contentRef.nativeElement,\n 'mousedown',\n this.onMouseDownHandler.bind(this)\n );\n this._onScrollListener = this._renderer.listen(\n this._contentRef.nativeElement,\n 'scroll',\n this.onScrollHandler.bind(this)\n );\n // prevent Firefox from dragging images\n this._onDragStartListener = this._renderer.listen(\n 'document',\n 'dragstart',\n (e) => {\n e.preventDefault();\n }\n );\n this.checkNavStatus();\n this.dsInitialized.emit();\n this.adjustMarginToLastChild();\n }\n\n ngAfterViewChecked() {\n // avoid extra checks\n if (this._children.length !== this.prevChildrenLength) {\n this.markElDimension();\n this.checkScrollbar();\n this.prevChildrenLength = this._children.length;\n this.checkNavStatus();\n }\n }\n\n ngOnDestroy() {\n this._renderer.setAttribute(\n this._contentRef.nativeElement,\n 'drag-scroll',\n 'false'\n );\n if (this._onMouseDownListener) {\n this._onMouseDownListener = this._onMouseDownListener();\n }\n if (this._onScrollListener) {\n this._onScrollListener = this._onScrollListener();\n }\n if (this._onDragStartListener) {\n this._onDragStartListener = this._onDragStartListener();\n }\n }\n\n onMouseMoveHandler(event: MouseEvent) {\n this.onMouseMove(event);\n }\n\n onMouseMove(event: MouseEvent) {\n if (this.isPressed && !this.disabled) {\n // Workaround for prevent scroll stuck if browser lost focus\n // MouseEvent.buttons not support by Safari\n if (!event.buttons && !event.which) {\n return this.onMouseUpHandler(event);\n }\n\n this._pointerEvents = 'none';\n this._setIsDragging(true);\n\n // Drag X\n if (!this.xDisabled && !this.dragDisabled) {\n const clientX = (event as MouseEvent).clientX;\n this._contentRef.nativeElement.scrollLeft =\n this._contentRef.nativeElement.scrollLeft -\n clientX +\n this.downX;\n this.downX = clientX;\n }\n\n // Drag Y\n if (!this.yDisabled && !this.dragDisabled) {\n const clientY = (event as MouseEvent).clientY;\n this._contentRef.nativeElement.scrollTop =\n this._contentRef.nativeElement.scrollTop -\n clientY +\n this.downY;\n this.downY = clientY;\n }\n }\n }\n\n onMouseDownHandler(event: MouseEvent) {\n const carouselItem: PepCarouselItemDirective \| null = this.locateCarouselItem(\n event.target as Element\n );\n if (carouselItem && carouselItem.dragDisabled) {\n return;\n }\n\n const isTouchEvent = event.type === 'touchstart';\n\n this._startGlobalListening(isTouchEvent);\n this.isPressed = true;\n\n const mouseEvent = event as MouseEvent;\n this.downX = mouseEvent.clientX;\n this.downY = mouseEvent.clientY;\n\n clearTimeout(this.scrollToTimer as number);\n }\n\n onScrollHandler() {\n this.checkNavStatus();\n if (!this.isPressed && !this.isAnimating && !this.snapDisabled) {\n this.isScrolling = true;\n clearTimeout(this.scrollTimer as number);\n this.scrollTimer = setTimeout(() => {\n this.isScrolling = false;\n this.locateCurrentIndex(true);\n }, 500);\n } else {\n this.locateCurrentIndex();\n }\n }\n\n onMouseUpHandler(event: MouseEvent) {\n if (this.isPressed) {\n this.isPressed = false;\n this._pointerEvents = 'auto';\n this._setIsDragging(false);\n if (!this.snapDisabled) {\n this.locateCurrentIndex(true);\n } else {\n this.locateCurrentIndex();\n }\n this._stopGlobalListening();\n }\n }\n\n /\n * Nav button\n /\n moveLeft() {\n if (this.currIndex !== 0 \|\| this.snapDisabled) {\n this.currIndex--;\n clearTimeout(this.scrollToTimer as number);\n this.scrollTo(\n this._contentRef.nativeElement,\n this.toChildrenLocation(),\n this.snapDuration\n );\n }\n }\n\n moveRight() {\n const container = this.wrapper \|\| this.parentNode;\n const containerWidth = container ? container.clientWidth : 0;\n\n if (\n !this.isScrollReachesRightEnd() &&\n this.currIndex <\n this.maximumIndex(containerWidth, this._children.toArray())\n ) {\n this.currIndex++;\n clearTimeout(this.scrollToTimer as number);\n this.scrollTo(\n this._contentRef.nativeElement,\n this.toChildrenLocation(),\n this.snapDuration\n );\n }\n }\n\n moveTo(index: number) {\n const container = this.wrapper \|\| this.parentNode;\n const containerWidth = container ? container.clientWidth : 0;\n if (\n index >= 0 &&\n index !== this.currIndex &&\n this.currIndex <=\n this.maximumIndex(containerWidth, this._children.toArray())\n ) {\n this.currIndex = Math.min(\n index,\n this.maximumIndex(containerWidth, this._children.toArray())\n );\n clearTimeout(this.scrollToTimer as number);\n this.scrollTo(\n this._contentRef.nativeElement,\n this.toChildrenLocation(),\n this.snapDuration\n );\n }\n }\n\n checkNavStatus() {\n setTimeout(() => {\n const onlyOneItem = Boolean(this._children.length <= 1);\n const containerIsLargerThanContent = Boolean(\n this._contentRef.nativeElement.scrollWidth <=\n this._contentRef.nativeElement.clientWidth\n );\n if (onlyOneItem \|\| containerIsLargerThanContent) {\n // only one element\n this.reachesLeftBound.emit(true);\n this.reachesRightBound.emit(true);\n } else if (this.isScrollReachesRightEnd()) {\n // reached right end\n this.reachesLeftBound.emit(false);\n this.reachesRightBound.emit(true);\n } else if (\n this._contentRef.nativeElement.scrollLeft === 0 &&\n this._contentRef.nativeElement.scrollWidth >\n this._contentRef.nativeElement.clientWidth\n ) {\n // reached left end\n this.reachesLeftBound.emit(true);\n this.reachesRightBound.emit(false);\n } else {\n // in the middle\n this.reachesLeftBound.emit(false);\n this.reachesRightBound.emit(false);\n }\n }, 0);\n }\n\n @HostListener('wheel', ['$event'])\n public onWheel(event: WheelEvent) {\n if (this._xWheelEnabled) {\n event.preventDefault();\n\n if (this._snapDisabled) {\n this._contentRef.nativeElement.scrollBy(event.deltaY, 0);\n } else {\n if (event.deltaY < 0) {\n this.moveLeft();\n } else if (event.deltaY > 0) {\n this.moveRight();\n }\n }\n }\n }\n\n @HostListener('window:resize')\n public onWindowResize() {\n this.refreshWrapperDimensions();\n this.checkNavStatus();\n }\n\n private _setIsDragging(value: boolean) {\n if (this._isDragging === value) {\n return;\n }\n\n this._isDragging = value;\n value ? this.dragStart.emit() : this.dragEnd.emit();\n }\n\n private _startGlobalListening(isTouchEvent: boolean) {\n if (!this._onMouseMoveListener) {\n const eventName = isTouchEvent ? 'touchmove' : 'mousemove';\n this._onMouseMoveListener = this._renderer.listen(\n 'document',\n eventName,\n this.onMouseMoveHandler.bind(this)\n );\n }\n\n if (!this._onMouseUpListener) {\n const eventName = isTouchEvent ? 'touchend' : 'mouseup';\n this._onMouseUpListener = this._renderer.listen(\n 'document',\n eventName,\n this.onMouseUpHandler.bind(this)\n );\n }\n }\n\n private _stopGlobalListening() {\n if (this._onMouseMoveListener) {\n this._onMouseMoveListener = this._onMouseMoveListener();\n }\n\n if (this._onMouseUpListener) {\n this._onMouseUpListener = this._onMouseUpListener();\n }\n }\n\n private disableScroll(axis: string): void {\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n `overflow-${axis}`,\n 'hidden'\n );\n }\n\n private enableScroll(axis: string): void {\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n `overflow-${axis}`,\n 'auto'\n );\n }\n\n private hideScrollbar(): void {\n if (\n this._contentRef.nativeElement.style.display !== 'none' &&\n !this.wrapper\n ) {\n this.parentNode = this._contentRef.nativeElement.parentNode;\n\n // create container element\n this.wrapper = this._renderer.createElement('div');\n this._renderer.addClass(this.wrapper, 'carousel-wrapper');\n // this._renderer.setAttribute(this.wrapper, 'class', 'carousel-wrapper');\n // this._renderer.addClass(this.wrapper, 'carousel-container');\n\n this.refreshWrapperDimensions();\n\n this._renderer.setStyle(this.wrapper, 'overflow', 'hidden');\n\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'width',\n `calc(100% + ${this.scrollbarWidth})`\n );\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'height',\n `calc(100% + ${this.scrollbarWidth})`\n );\n\n // Append container element to component element.\n this._renderer.appendChild(\n this._elementRef.nativeElement,\n this.wrapper\n );\n\n // Append content element to container element.\n this._renderer.appendChild(\n this.wrapper,\n this._contentRef.nativeElement\n );\n\n this.adjustMarginToLastChild();\n }\n }\n\n private showScrollbar(): void {\n if (this.wrapper) {\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'width',\n '100%'\n );\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'height',\n this.wrapper.style.height\n );\n if (this.parentNode !== null) {\n this.parentNode.removeChild(this.wrapper);\n this.parentNode.appendChild(this._contentRef.nativeElement);\n }\n this.wrapper = null;\n\n this.adjustMarginToLastChild();\n }\n }\n\n private checkScrollbar() {\n if (\n this._contentRef.nativeElement.scrollWidth <=\n this._contentRef.nativeElement.clientWidth\n ) {\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'height',\n '100%'\n );\n } else {\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'height',\n `calc(100% + ${this.scrollbarWidth})`\n );\n }\n if (\n this._contentRef.nativeElement.scrollHeight <=\n this._contentRef.nativeElement.clientHeight\n ) {\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'width',\n '100%'\n );\n } else {\n this._renderer.setStyle(\n this._contentRef.nativeElement,\n 'width',\n `calc(100% + ${this.scrollbarWidth})`\n );\n }\n }\n\n private setScrollBar(): void {\n if (this.scrollbarHidden) {\n this.hideScrollbar();\n } else {\n this.showScrollbar();\n }\n }\n\n private getScrollbarWidth(): number {\n /\n Browser Scrollbar Widths (2016)\n * OSX (Chrome, Safari, Firefox) - 15px\n * Windows XP (IE7, Chrome, Firefox) - 17px\n * Windows 7 (IE10, IE11, Chrome, Firefox) - 17px\n * Windows 8.1 (IE11, Chrome, Firefox) - 17px\n * Windows 10 (IE11, Chrome, Firefox) - 17px\n * Windows 10 (Edge 12/13) - 12px\n /\n const outer = this._renderer.createElement('div');\n this._renderer.setStyle(outer, 'visibility', 'hidden');\n this._renderer.setStyle(outer, 'width', '100px');\n this._renderer.setStyle(outer, 'msOverflowStyle', 'scrollbar'); // needed for WinJS apps\n // document.body.appendChild(outer);\n this._renderer.appendChild(this._document.body, outer);\n // this._renderer.appendChild(this._renderer.selectRootElement('body'), outer);\n const widthNoScroll = outer.offsetWidth;\n // force scrollbars\n this._renderer.setStyle(outer, 'overflow', 'scroll');\n\n // add innerdiv\n const inner = this._renderer.createElement('div');\n this._renderer.setStyle(inner, 'width', '100%');\n this._renderer.appendChild(outer, inner);\n\n const widthWithScroll = inner.offsetWidth;\n\n // remove divs\n this._renderer.removeChild(this._document.body, outer);\n\n /\n Scrollbar width will be 0 on Mac OS with the\n * default \"Only show scrollbars when scrolling\" setting (Yosemite and up).\n * setting default width to 20;\n /\n return widthNoScroll - widthWithScroll \|\| 20;\n }\n\n private refreshWrapperDimensions() {\n if (this.wrapper) {\n const height =\n this._elementRef.nativeElement.style.height \|\|\n this._elementRef.nativeElement.offsetHeight;\n\n this._renderer.setStyle(this.wrapper, 'width', '100%');\n this._renderer.setStyle(\n this.wrapper,\n 'height',\n height === 0 ? 'auto' : height + 'px'\n );\n }\n }\n\n /\n * The below solution is heavily inspired from\n * https://gist.github.com/andjosh/6764939\n /\n private scrollTo(element: Element, to: number, duration: number) {\n this.isAnimating = true;\n const start = element.scrollLeft,\n change = to - start - this.snapOffset,\n increment = 20;\n let currentTime = 0;\n\n // t = current time\n // b = start value\n // c = change in value\n // d = duration\n const easeInOutQuad = (t: number, b: number, c: number, d: number) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t * t + b;\n }\n t--;\n return (-c / 2) * (t * (t - 2) - 1) + b;\n };\n\n const animateScroll = () => {\n currentTime += increment;\n element.scrollLeft = easeInOutQuad(\n currentTime,\n start,\n change,\n duration\n );\n if (currentTime < duration) {\n this.scrollToTimer = setTimeout(animateScroll, increment);\n } else {\n // run one more frame to make sure the animation is fully finished\n setTimeout(() => {\n this.isAnimating = false;\n this.snapAnimationFinished.emit(this.currIndex);\n }, increment);\n }\n };\n animateScroll();\n }\n\n private locateCurrentIndex(snap?: boolean) {\n this.currentChildWidth(\n (\n currentChildWidth,\n nextChildrenWidth,\n childrenWidth,\n idx: number,\n stop\n ) => {\n if (\n this._contentRef.nativeElement.scrollLeft >=\n childrenWidth &&\n this._contentRef.nativeElement.scrollLeft <=\n nextChildrenWidth\n ) {\n if (\n nextChildrenWidth -\n this._contentRef.nativeElement.scrollLeft >\n currentChildWidth / 2 &&\n !this.isScrollReachesRightEnd()\n ) {\n // roll back scrolling\n if (!this.isAnimating) {\n this.currIndex = idx;\n }\n if (snap) {\n this.scrollTo(\n this._contentRef.nativeElement,\n childrenWidth,\n this.snapDuration\n );\n }\n } else if (\n this._contentRef.nativeElement.scrollLeft !== 0\n ) {\n // forward scrolling\n if (!this.isAnimating) {\n this.currIndex = idx + 1;\n }\n if (snap) {\n this.scrollTo(\n this._contentRef.nativeElement,\n childrenWidth + currentChildWidth,\n this.snapDuration\n );\n }\n }\n stop();\n } else if (idx + 1 === this._children.length - 1) {\n // reaches last index\n if (!this.isAnimating) {\n this.currIndex = idx + 1;\n }\n stop();\n }\n }\n );\n }\n\n private currentChildWidth(\n cb: (\n currentClildWidth: number,\n nextChildrenWidth: number,\n childrenWidth: number,\n index: number,\n breakFunc: () => void\n ) => void\n ) {\n let childrenWidth = 0;\n let shouldBreak = false;\n const breakFunc = function () {\n shouldBreak = true;\n };\n const childrenArr = this._children.toArray();\n\n for (let i = 0; i < childrenArr.length; i++) {\n if (i === childrenArr.length - 1) {\n break;\n }\n if (shouldBreak) {\n break;\n }\n\n const nextChildrenWidth =\n childrenWidth +\n childrenArr[i + 1]._elementRef.nativeElement.clientWidth;\n const currentClildWidth =\n childrenArr[i]._elementRef.nativeElement.clientWidth;\n cb(\n currentClildWidth,\n nextChildrenWidth,\n childrenWidth,\n i,\n breakFunc\n );\n\n childrenWidth += currentClildWidth;\n }\n }\n\n private toChildrenLocation(): number {\n let to = 0;\n const childrenArr = this._children.toArray();\n for (let i = 0; i < this.currIndex; i++) {\n to += childrenArr[i]._elementRef.nativeElement.clientWidth;\n }\n return to;\n }\n\n private locateCarouselItem(\n element: Element\n ): PepCarouselItemDirective \| null {\n let item: PepCarouselItemDirective \| null = null;\n const childrenArr = this._children.toArray();\n for (let i = 0; i < childrenArr.length; i++) {\n if (element === childrenArr[i]._elementRef.nativeElement) {\n item = childrenArr[i];\n }\n }\n return item;\n }\n\n private markElDimension() {\n if (this.wrapper) {\n this.elWidth = this.wrapper.style.width;\n this.elHeight = this.wrapper.style.height;\n } else {\n this.elWidth =\n this._elementRef.nativeElement.style.width \|\|\n this._elementRef.nativeElement.offsetWidth + 'px';\n this.elHeight =\n this._elementRef.nativeElement.style.height \|\|\n this._elementRef.nativeElement.offsetHeight + 'px';\n }\n const container = this.wrapper \|\| this.parentNode;\n const containerWidth = container ? container.clientWidth : 0;\n if (this._children.length > 1) {\n this.indexBound = this.maximumIndex(\n containerWidth,\n this._children.toArray()\n );\n }\n }\n\n private maximumIndex(\n containerWidth: number,\n childrenElements: PepCarouselItemDirective[]\n ): number {\n let count = 0;\n let childrenWidth = 0;\n for (let i = 0; i <= childrenElements.length; i++) {\n // last N element\n const carouselItemDirective: PepCarouselItemDirective =\n childrenElements[childrenElements.length - 1 - i];\n if (!carouselItemDirective) {\n break;\n } else {\n const nativeElement =\n carouselItemDirective._elementRef.nativeElement;\n let itemWidth = nativeElement.clientWidth;\n if (itemWidth === 0 && nativeElement.firstElementChild) {\n itemWidth =\n carouselItemDirective._elementRef.nativeElement\n .firstElementChild.clientWidth;\n }\n childrenWidth += itemWidth;\n if (childrenWidth < containerWidth) {\n count++;\n } else {\n break;\n }\n }\n }\n return childrenElements.length - count;\n }\n\n private isScrollReachesRightEnd(): boolean {\n const scrollLeftPos =\n this._contentRef.nativeElement.scrollLeft +\n this._contentRef.nativeElement.offsetWidth;\n return scrollLeftPos >= this._contentRef.nativeElement.scrollWidth;\n }\n\n /*\n adds a margin right style to the last child element which will resolve the issue\n * of last item gets cutoff.\n /\n private adjustMarginToLastChild(): void {\n // if (this._children && this._children.length > 0 && this.hideScrollbar) {\n // const childrenArr = this._children.toArray();\n // const lastItem = childrenArr[childrenArr.length - 1]._elementRef.nativeElement;\n // if (this.wrapper && childrenArr.length > 1) {\n // this._renderer.setStyle(lastItem, 'margin-right', this.scrollbarWidth);\n // } else {\n // this._renderer.setStyle(lastItem, 'margin-right', 0);\n // }\n // }\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport { PepCarouselComponent } from './carousel.component';\nimport { PepCarouselItemDirective } from './carousel-item.directive';\n\n@NgModule({\n exports: [PepCarouselComponent, PepCarouselItemDirective],\n declarations: [PepCarouselComponent, PepCarouselItemDirective],\n})\nexport class PepCarouselModule {}\n","/\n * Public API Surface of carousel\n /\nexport from './carousel.module';\nexport * from './carousel.component';\nexport * from './carousel-item.directive';\n// export * from './carousel.model';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["Directive","ElementRef","Inject","HostBinding","Input","EventEmitter","Component","Renderer2","DOCUMENT","ViewChild","ContentChildren","Output","HostListener","NgModule"],"mappings":"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"}

package/bundles/pepperi-addons-ngx-lib-checkbox.umd.js CHANGED Viewed

@@ -102,9 +102,6 @@
                 this.standAlone = true;
                 this.setDefaultForm();
                 this.renderer.addClass(this.element.nativeElement, ngxLib.PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME);
-                if (!this.renderTitle) {
-                    this.renderer.addClass(this.element.nativeElement, ngxLib.PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME);
-                }
             }
         };
         PepCheckboxComponent.prototype.ngOnChanges = function (changes) {
@@ -135,7 +132,7 @@
     PepCheckboxComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'pep-checkbox',
-                    template: "<ng-container [formGroup]=\"form\">\r\n    <ng-template #pepTemplate>\r\n        <div class=\"pep-checkbox-container pep-input\" [ngClass]=\"{\r\n                'disable': disabled,\r\n                'pep-report-checkbox': layoutType === 'table' && !isActive,\r\n                'pep-card-checkbox': layoutType === 'card',\r\n                'one-row': rowSpan === 1,\r\n                'no-title': label.length == 0,\r\n                'right-alignment pull-right flip': xAlignment == 'right',\r\n                'center-alignment': xAlignment == 'center'\r\n            }\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\">\r\n            <!--\r\n                This is cause a bug that when click on the pep-input area and after on the checkbox\r\n                the value is updated only for the second time.\r\n                (click)=\"toggleChecked($event)\" \r\n            -->\r\n            <ng-container *ngIf=\"type == 'booleanText'; then booleanTextTemplate; else regularTemplate\"></ng-container>\r\n            <ng-template #booleanTextTemplate>\r\n                <div class=\"mat-checkbox-layout body-sm\" (click)=\"toggleChecked($event)\"\r\n                    [title]=\"(label.length > 0 ? label + ': ' : '') + (value ? ('CHECKBOX.TRUE' | translate) : ('CHECKBOX.FALSE' | translate))\">\r\n                    <button [id]=\"key\" class=\"emoji-icon ellipsis pull-left flip\">\r\n                        {{ value ? additionalValueObject?.CheckedText : additionalValueObject?.UncheckedText }}\r\n                    </button>\r\n                    <span *ngIf=\"label.length > 0 && layoutType !== 'table'\" class=\"mat-checkbox-label emoji-title\">{{\r\n                        label }}</span>\r\n                </div>\r\n            </ng-template>\r\n            <ng-template #regularTemplate>\r\n                <mat-checkbox [name]=\"key\" class=\"body-sm\" type=\"checkbox\" (change)=\"onMaterialChange($event)\"\r\n                    [title]=\"(label.length > 0 ? label + ': ' : '') + (value ? ('CHECKBOX.TRUE' | translate) : ('CHECKBOX.FALSE' | translate))\"\r\n                    [checked]=\"value\" [disabled]=\"disabled\">\r\n                    <span *ngIf=\"label.length > 0 && layoutType !== 'table'\">{{ label }}</span>\r\n                </mat-checkbox>\r\n            </ng-template>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-container *ngIf=\"layoutType === 'form'\">\r\n        <pep-field-title *ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\r\n            [xAlignment]=\"xAlignment\" [showTitle]=\"false\">\r\n        </pep-field-title>\r\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"layoutType === 'card'\">\r\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"layoutType === 'table'\">\r\n        <ng-container *ngIf=\"key === 'ItemHasActiveCampaign'; then itemCampaignBlock; else checkboxBlock\">\r\n        </ng-container>\r\n        <ng-template #itemCampaignBlock>\r\n            <ng-container *ngIf=\"value; then trueTemplate; else falseTemplate\">\r\n            </ng-container>\r\n            <ng-template #trueTemplate>\r\n                <mat-icon class=\"has-active-campaign\" title=\"{{ 'CHECKBOX.TRUE' | translate }}\">\r\n                    <pep-icon name=\"system_bolt\">\r\n                    </pep-icon>\r\n                </mat-icon>\r\n            </ng-template>\r\n            <ng-template #falseTemplate>\r\n                <span>&nbsp;</span>\r\n            </ng-template>\r\n        </ng-template>\r\n        <ng-template #checkboxBlock>\r\n            <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>",
+                    template: "<ng-container [formGroup]=\"form\">\n    <ng-template #pepTemplate>\n        <div class=\"pep-checkbox-container pep-input\" [ngClass]=\"{\n                'disable': disabled,\n                'pep-report-checkbox': layoutType === 'table' && !isActive,\n                'pep-card-checkbox': layoutType === 'card',\n                'one-row': rowSpan === 1,\n                'no-title': label.length == 0,\n                'right-alignment pull-right flip': xAlignment == 'right',\n                'center-alignment': xAlignment == 'center'\n            }\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\">\n            <!--\n                This is cause a bug that when click on the pep-input area and after on the checkbox\n                the value is updated only for the second time.\n                (click)=\"toggleChecked($event)\" \n            -->\n            <ng-container *ngIf=\"type == 'booleanText'; then booleanTextTemplate; else regularTemplate\"></ng-container>\n            <ng-template #booleanTextTemplate>\n                <div class=\"mat-checkbox-layout body-sm\" (click)=\"toggleChecked($event)\"\n                    [title]=\"(label.length > 0 ? label + ': ' : '') + (value ? ('CHECKBOX.TRUE' | translate) : ('CHECKBOX.FALSE' | translate))\">\n                    <button [id]=\"key\" class=\"emoji-icon ellipsis pull-left flip\">\n                        {{ value ? additionalValueObject?.CheckedText : additionalValueObject?.UncheckedText }}\n                    </button>\n                    <span *ngIf=\"label.length > 0 && layoutType !== 'table'\" class=\"mat-checkbox-label emoji-title\">{{\n                        label }}</span>\n                </div>\n            </ng-template>\n            <ng-template #regularTemplate>\n                <mat-checkbox [name]=\"key\" class=\"body-sm\" type=\"checkbox\" (change)=\"onMaterialChange($event)\"\n                    [title]=\"(label.length > 0 ? label + ': ' : '') + (value ? ('CHECKBOX.TRUE' | translate) : ('CHECKBOX.FALSE' | translate))\"\n                    [checked]=\"value\" [disabled]=\"disabled\">\n                    <span *ngIf=\"label.length > 0 && layoutType !== 'table'\">{{ label }}</span>\n                </mat-checkbox>\n            </ng-template>\n        </div>\n    </ng-template>\n\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title *ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\n            [xAlignment]=\"xAlignment\" [showTitle]=\"false\">\n        </pep-field-title>\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <ng-container *ngIf=\"key === 'ItemHasActiveCampaign'; then itemCampaignBlock; else checkboxBlock\">\n        </ng-container>\n        <ng-template #itemCampaignBlock>\n            <ng-container *ngIf=\"value; then trueTemplate; else falseTemplate\">\n            </ng-container>\n            <ng-template #trueTemplate>\n                <mat-icon class=\"has-active-campaign\" title=\"{{ 'CHECKBOX.TRUE' | translate }}\">\n                    <pep-icon name=\"system_bolt\">\n                    </pep-icon>\n                </mat-icon>\n            </ng-template>\n            <ng-template #falseTemplate>\n                <span>&nbsp;</span>\n            </ng-template>\n        </ng-template>\n        <ng-template #checkboxBlock>\n            <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n        </ng-template>\n    </ng-container>\n</ng-container>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [":host{height:inherit;display:grid}:host>*{align-self:center}"]
                 },] }

package/bundles/pepperi-addons-ngx-lib-checkbox.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-checkbox.umd.js","sources":["../../../projects/ngx-lib/checkbox/checkbox.component.ts","../../../projects/ngx-lib/checkbox/checkbox.module.ts","../../../projects/ngx-lib/checkbox/public-api.ts","../../../projects/ngx-lib/checkbox/pepperi-addons-ngx-lib-checkbox.ts"],"sourcesContent":["import {\r\n Component,\r\n OnInit,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n ChangeDetectionStrategy,\r\n OnDestroy,\r\n Renderer2,\r\n ElementRef,\r\n Optional,\r\n OnChanges,\r\n} from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { MatCheckboxChange } from '@angular/material/checkbox';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport {\r\n PepCustomizationService,\r\n PepLayoutType,\r\n PepHorizontalAlignment,\r\n DEFAULT_HORIZONTAL_ALIGNMENT,\r\n PepCheckboxFieldType,\r\n PepCheckboxField,\r\n} from '@pepperi-addons/ngx-lib';\r\n\r\n@Component({\r\n selector: 'pep-checkbox',\r\n templateUrl: './checkbox.component.html',\r\n styleUrls: ['./checkbox.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class PepCheckboxComponent implements OnInit, OnChanges, OnDestroy {\r\n @Input() key = '';\r\n @Input() value = false;\r\n @Input() label = '';\r\n\r\n private _type: PepCheckboxFieldType = 'checkbox'; // \|\| 'booleanText'\r\n @Input()\r\n set type(value: PepCheckboxFieldType) {\r\n this._type = value;\r\n this.setAdditionalValueObject();\r\n }\r\n get type(): PepCheckboxFieldType {\r\n return this._type;\r\n }\r\n\r\n @Input() mandatory = false;\r\n @Input() disabled = false;\r\n @Input() readonly = false;\r\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\r\n @Input() rowSpan = 1;\r\n\r\n private _additionalValue: any = undefined;\r\n @Input()\r\n set additionalValue(value: any) {\r\n this._additionalValue = value;\r\n this.setAdditionalValueObject();\r\n }\r\n get additionalValue(): any {\r\n return this._additionalValue;\r\n }\r\n\r\n controlType = 'checkbox';\r\n\r\n @Input() form: FormGroup = null;\r\n @Input() isActive = false;\r\n @Input() showTitle = true;\r\n @Input() renderTitle = true;\r\n @Input() layoutType: PepLayoutType = 'form';\r\n\r\n private _visible = true;\r\n @Input()\r\n set visible(visible: boolean) {\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 get visible(): boolean {\r\n return this._visible;\r\n }\r\n\r\n @Output()\r\n valueChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n standAlone = false;\r\n\r\n additionalValueObject: any;\r\n public jsonLib = JSON;\r\n\r\n constructor(\r\n private renderer: Renderer2,\r\n private customizationService: PepCustomizationService,\r\n private element: ElementRef,\r\n private translate: TranslateService\r\n ) { }\r\n\r\n private setAdditionalValueObject() {\r\n if (this.additionalValue && this.type === 'booleanText') {\r\n try {\r\n if (typeof this.additionalValue === 'string') {\r\n this.additionalValueObject = JSON.parse(\r\n this.additionalValue\r\n );\r\n } else {\r\n this.additionalValueObject = this.additionalValue;\r\n }\r\n } catch {\r\n this.additionalValueObject = {\r\n CheckedText: this.translate.instant('CHECKBOX.TRUE'),\r\n UncheckedText: this.translate.instant('CHECKBOX.FALSE'),\r\n };\r\n }\r\n }\r\n }\r\n\r\n private setDefaultForm(): void {\r\n const pepField = new PepCheckboxField({\r\n key: this.key,\r\n value: this.value,\r\n mandatory: this.mandatory,\r\n readonly: this.readonly,\r\n disabled: this.disabled,\r\n });\r\n this.form = this.customizationService.getDefaultFromGroup(pepField);\r\n }\r\n\r\n ngOnInit(): void {\r\n if (this.form === null) {\r\n this.standAlone = true;\r\n this.setDefaultForm();\r\n\r\n this.renderer.addClass(\r\n this.element.nativeElement,\r\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\r\n );\r\n\r\n if (!this.renderTitle) {\r\n this.renderer.addClass(\r\n this.element.nativeElement,\r\n PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\r\n );\r\n }\r\n }\r\n }\r\n\r\n ngOnChanges(changes: any): void {\r\n if (this.standAlone) {\r\n this.setDefaultForm();\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {\r\n //\r\n }\r\n\r\n onMaterialChange(e: MatCheckboxChange): void {\r\n this.changeValue(e.checked);\r\n }\r\n\r\n toggleChecked(event: Event): void {\r\n if (!this.disabled) {\r\n const isChecked: boolean =\r\n this.value ? true : false;\r\n const newValue = !isChecked;\r\n this.value = newValue;\r\n this.changeValue(newValue);\r\n }\r\n }\r\n\r\n changeValue(value: any): void {\r\n this.customizationService.updateFormFieldValue(\r\n this.form,\r\n this.key,\r\n value\r\n );\r\n this.valueChange.emit(value);\r\n }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatCommonModule } from '@angular/material/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport {\r\n PepIconModule,\r\n PepIconRegistry,\r\n pepIconSystemBolt,\r\n} from '@pepperi-addons/ngx-lib/icon';\r\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\r\n\r\nimport { PepCheckboxComponent } from './checkbox.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n // Material modules\r\n MatCommonModule,\r\n MatFormFieldModule,\r\n MatCheckboxModule,\r\n MatIconModule,\r\n // ngx-lib modules\r\n PepNgxLibModule,\r\n PepIconModule,\r\n PepFieldTitleModule,\r\n ],\r\n exports: [PepCheckboxComponent],\r\n declarations: [PepCheckboxComponent],\r\n})\r\nexport class PepCheckboxModule {\r\n constructor(private pepIconRegistry: PepIconRegistry) {\r\n this.pepIconRegistry.registerIcons([pepIconSystemBolt]);\r\n }\r\n}\r\n","/\r\n Public API Surface of ngx-lib/checkbox\r\n /\r\nexport from './checkbox.module';\r\nexport * from './checkbox.component';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["DEFAULT_HORIZONTAL_ALIGNMENT","EventEmitter","PepCheckboxField","PepCustomizationService","Component","ChangeDetectionStrategy","Renderer2","ElementRef","TranslateService","Input","Output","pepIconSystemBolt","NgModule","CommonModule","ReactiveFormsModule","MatCommonModule","MatFormFieldModule","MatCheckboxModule","MatIconModule","PepNgxLibModule","PepIconModule","PepFieldTitleModule","PepIconRegistry"],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-checkbox.umd.js","sources":["../../../projects/ngx-lib/checkbox/checkbox.component.ts","../../../projects/ngx-lib/checkbox/checkbox.module.ts","../../../projects/ngx-lib/checkbox/public-api.ts","../../../projects/ngx-lib/checkbox/pepperi-addons-ngx-lib-checkbox.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n OnDestroy,\n Renderer2,\n ElementRef,\n Optional,\n OnChanges,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { MatCheckboxChange } from '@angular/material/checkbox';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n PepCustomizationService,\n PepLayoutType,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n PepCheckboxFieldType,\n PepCheckboxField,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PepCheckboxComponent implements OnInit, OnChanges, OnDestroy {\n @Input() key = '';\n @Input() value = false;\n @Input() label = '';\n\n private _type: PepCheckboxFieldType = 'checkbox'; // \|\| 'booleanText'\n @Input()\n set type(value: PepCheckboxFieldType) {\n this._type = value;\n this.setAdditionalValueObject();\n }\n get type(): PepCheckboxFieldType {\n return this._type;\n }\n\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n @Input() rowSpan = 1;\n\n private _additionalValue: any = undefined;\n @Input()\n set additionalValue(value: any) {\n this._additionalValue = value;\n this.setAdditionalValueObject();\n }\n get additionalValue(): any {\n return this._additionalValue;\n }\n\n controlType = 'checkbox';\n\n @Input() form: FormGroup = null;\n @Input() isActive = false;\n @Input() showTitle = true;\n @Input() renderTitle = true;\n @Input() layoutType: PepLayoutType = 'form';\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n @Output()\n valueChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n standAlone = false;\n\n additionalValueObject: any;\n public jsonLib = JSON;\n\n constructor(\n private renderer: Renderer2,\n private customizationService: PepCustomizationService,\n private element: ElementRef,\n private translate: TranslateService\n ) { }\n\n private setAdditionalValueObject() {\n if (this.additionalValue && this.type === 'booleanText') {\n try {\n if (typeof this.additionalValue === 'string') {\n this.additionalValueObject = JSON.parse(\n this.additionalValue\n );\n } else {\n this.additionalValueObject = this.additionalValue;\n }\n } catch {\n this.additionalValueObject = {\n CheckedText: this.translate.instant('CHECKBOX.TRUE'),\n UncheckedText: this.translate.instant('CHECKBOX.FALSE'),\n };\n }\n }\n }\n\n private setDefaultForm(): void {\n const pepField = new PepCheckboxField({\n key: this.key,\n value: this.value,\n mandatory: this.mandatory,\n readonly: this.readonly,\n disabled: this.disabled,\n });\n this.form = this.customizationService.getDefaultFromGroup(pepField);\n }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n this.setDefaultForm();\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n }\n }\n\n ngOnChanges(changes: any): void {\n if (this.standAlone) {\n this.setDefaultForm();\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n onMaterialChange(e: MatCheckboxChange): void {\n this.changeValue(e.checked);\n }\n\n toggleChecked(event: Event): void {\n if (!this.disabled) {\n const isChecked: boolean =\n this.value ? true : false;\n const newValue = !isChecked;\n this.value = newValue;\n this.changeValue(newValue);\n }\n }\n\n changeValue(value: any): void {\n this.customizationService.updateFormFieldValue(\n this.form,\n this.key,\n value\n );\n this.valueChange.emit(value);\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemBolt,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\n\nimport { PepCheckboxComponent } from './checkbox.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Material modules\n MatCommonModule,\n MatFormFieldModule,\n MatCheckboxModule,\n MatIconModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n PepFieldTitleModule,\n ],\n exports: [PepCheckboxComponent],\n declarations: [PepCheckboxComponent],\n})\nexport class PepCheckboxModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemBolt]);\n }\n}\n","/\n Public API Surface of ngx-lib/checkbox\n /\nexport from './checkbox.module';\nexport * from './checkbox.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["DEFAULT_HORIZONTAL_ALIGNMENT","EventEmitter","PepCheckboxField","PepCustomizationService","Component","ChangeDetectionStrategy","Renderer2","ElementRef","TranslateService","Input","Output","pepIconSystemBolt","NgModule","CommonModule","ReactiveFormsModule","MatCommonModule","MatFormFieldModule","MatCheckboxModule","MatIconModule","PepNgxLibModule","PepIconModule","PepFieldTitleModule","PepIconRegistry"],"mappings":"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"}

package/bundles/pepperi-addons-ngx-lib-color.umd.js CHANGED Viewed

@@ -178,7 +178,7 @@
     PepColorPickerComponent.CURRENT_HUE = '--pep-color-picker-current-hue';
     PepColorPickerComponent.decorators = [
         { type: core.Component, args: [{
-                    template: "<div class=\"pep-color-picker-container\">\r\n    <pep-dialog [title]=\"'COLOR.DIALOG_TITLE' | translate\">\r\n        <ng-container pep-dialog-content>\r\n            <div class=\"color-chooser-content\">\r\n                <div class=\"current-color\" [ngStyle]=\"{ 'background': data?.value ? data.value : 'transparent' }\"></div>\r\n\r\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_HUE' | translate\" [minValue]=\"currentHueMin\"\r\n                    [maxValue]=\"currentHueMax\" [value]=\"currentHue\" [background]=\"currentHueBackground\"\r\n                    (valueChange)=\"onHueChange($event)\">\r\n                </pep-slider>\r\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_SATURATION' | translate\"\r\n                    [minValue]=\"currentSaturationMin\" [maxValue]=\"currentSaturationMax\" [value]=\"currentSaturation\"\r\n                    [background]=\"currentSaturationBackground\" (valueChange)=\"onSaturationChange($event)\">\r\n                </pep-slider>\r\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_LIGHTNESS' | translate\"\r\n                    [minValue]=\"currentLightnessMin\" [maxValue]=\"currentLightnessMax\"\r\n                    [value]=\"currentLightnessMax - currentLightness + currentLightnessMin\"\r\n                    [background]=\"currentLightnessBackground\" (valueChange)=\"onLightnessChange($event)\">\r\n                </pep-slider>\r\n                <!-- <div class=\"slider-box current-hue\">\r\n                    <mat-label class=\"body-xs \">{{ 'COLOR.CHANGE_HUE' | translate}}</mat-label>\r\n                    <div [class]=\"data?.type\">\r\n                        <mat-slider [min]=\"currentHueMin\" [max]=\"currentHueMax\" step=\"1\" [value]=\"currentHue\"\r\n                            (change)=\"onHueChange($event)\"></mat-slider>\r\n                    </div>\r\n                </div> \r\n                <div class=\"slider-box current-saturation\">\r\n                    <mat-label class=\"body-xs \">{{ 'COLOR.CHANGE_SATURATION' | translate}}</mat-label>\r\n                    <div [class]=\"data?.type\">\r\n                        <mat-slider [min]=\"currentSaturationMin\" [max]=\"currentSaturationMax\" step=\"1\"\r\n                            [value]=\"currentSaturation\" (change)=\"onSaturationChange($event)\"></mat-slider>\r\n                    </div>\r\n                </div>\r\n                <div class=\"slider-box current-lightness\">\r\n                    <mat-label class=\"body-xs \">{{ 'COLOR.CHANGE_LIGHTNESS' | translate}}</mat-label>\r\n                    <div [class]=\"data?.type\">\r\n                        <mat-slider [min]=\"currentLightnessMin\" [max]=\"currentLightnessMax\" step=\"1\"\r\n                            [value]=\"currentLightnessMax - currentLightness + currentLightnessMin\"\r\n                            (change)=\"onLightnessChange($event)\"></mat-slider>\r\n                    </div>\r\n                </div>-->\r\n            </div>\r\n            <div class=\"color-value-content\">\r\n                <div class=\"color-value\" [ngClass]=\"{ 'with-complient': checkAAComplient }\">\r\n                    <pep-textbox [key]=\"'colorValue'\" [label]=\"'COLOR.ADD_VALUE_HERE' | translate \"\r\n                        [formattedValue]=\"data?.value\" [value]=\"data?.value\" (valueChange)=\"onColorValueChange($event)\">\r\n                    </pep-textbox>\r\n                </div>\r\n                <div *ngIf=\"checkAAComplient\" class=\"color-complient-container\">\r\n                    <pep-field-title [label]=\"'COLOR.AA_COMPLIENT' | translate \">\r\n                    </pep-field-title>\r\n                    <div class=\"color-complient\" [ngStyle]=\"{ 'background': complientColor }\">\r\n                        <mat-icon *ngIf=\"isUserChooseAAComplientColor\">\r\n                            <pep-icon name=\"system_ok\">\r\n                            </pep-icon>\r\n                        </mat-icon>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container pep-dialog-actions>\r\n            <div class=\"color-actions pep-spacing-element-negative\">\r\n                <mat-checkbox *ngIf=\"data.showAAComplient\" class=\"pep-spacing-element\" type=\"checkbox\"\r\n                    id=\"checkAAComplient\" (change)=\"checkAAComplient = !checkAAComplient\" [checked]=\"checkAAComplient\">\r\n                    <span class=\"body-xs ellipsis\">{{ 'COLOR.AA_COMPLIENT' | translate }}</span>\r\n                </mat-checkbox>\r\n                <div>\r\n                    <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\r\n                        {{'ACTIONS.CANCEL' | translate}}\r\n                    </button>\r\n                    <button mat-button class=\"pep-spacing-element pep-button md strong\" (click)=\"onSave($event)\">\r\n                        {{'ACTIONS.OK' | translate}}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n    </pep-dialog>\r\n</div>",
+                    template: "<div class=\"pep-color-picker-container\">\n    <pep-dialog [title]=\"'COLOR.DIALOG_TITLE' | translate\">\n        <ng-container pep-dialog-content>\n            <div class=\"color-chooser-content\">\n                <div class=\"current-color\" [ngStyle]=\"{ 'background': data?.value ? data.value : 'transparent' }\"></div>\n\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_HUE' | translate\" [minValue]=\"currentHueMin\"\n                    [maxValue]=\"currentHueMax\" [value]=\"currentHue\" [background]=\"currentHueBackground\"\n                    (valueChange)=\"onHueChange($event)\">\n                </pep-slider>\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_SATURATION' | translate\"\n                    [minValue]=\"currentSaturationMin\" [maxValue]=\"currentSaturationMax\" [value]=\"currentSaturation\"\n                    [background]=\"currentSaturationBackground\" (valueChange)=\"onSaturationChange($event)\">\n                </pep-slider>\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_LIGHTNESS' | translate\"\n                    [minValue]=\"currentLightnessMin\" [maxValue]=\"currentLightnessMax\"\n                    [value]=\"currentLightnessMax - currentLightness + currentLightnessMin\"\n                    [background]=\"currentLightnessBackground\" (valueChange)=\"onLightnessChange($event)\">\n                </pep-slider>\n                <!-- <div class=\"slider-box current-hue\">\n                    <mat-label class=\"body-xs \">{{ 'COLOR.CHANGE_HUE' | translate}}</mat-label>\n                    <div [class]=\"data?.type\">\n                        <mat-slider [min]=\"currentHueMin\" [max]=\"currentHueMax\" step=\"1\" [value]=\"currentHue\"\n                            (change)=\"onHueChange($event)\"></mat-slider>\n                    </div>\n                </div> \n                <div class=\"slider-box current-saturation\">\n                    <mat-label class=\"body-xs \">{{ 'COLOR.CHANGE_SATURATION' | translate}}</mat-label>\n                    <div [class]=\"data?.type\">\n                        <mat-slider [min]=\"currentSaturationMin\" [max]=\"currentSaturationMax\" step=\"1\"\n                            [value]=\"currentSaturation\" (change)=\"onSaturationChange($event)\"></mat-slider>\n                    </div>\n                </div>\n                <div class=\"slider-box current-lightness\">\n                    <mat-label class=\"body-xs \">{{ 'COLOR.CHANGE_LIGHTNESS' | translate}}</mat-label>\n                    <div [class]=\"data?.type\">\n                        <mat-slider [min]=\"currentLightnessMin\" [max]=\"currentLightnessMax\" step=\"1\"\n                            [value]=\"currentLightnessMax - currentLightness + currentLightnessMin\"\n                            (change)=\"onLightnessChange($event)\"></mat-slider>\n                    </div>\n                </div>-->\n            </div>\n            <div class=\"color-value-content\">\n                <div class=\"color-value\" [ngClass]=\"{ 'with-complient': checkAAComplient }\">\n                    <pep-textbox [key]=\"'colorValue'\" [label]=\"'COLOR.ADD_VALUE_HERE' | translate \"\n                        [formattedValue]=\"data?.value\" [value]=\"data?.value\" (valueChange)=\"onColorValueChange($event)\">\n                    </pep-textbox>\n                </div>\n                <div *ngIf=\"checkAAComplient\" class=\"color-complient-container\">\n                    <pep-field-title [label]=\"'COLOR.AA_COMPLIENT' | translate \">\n                    </pep-field-title>\n                    <div class=\"color-complient\" [ngStyle]=\"{ 'background': complientColor }\">\n                        <mat-icon *ngIf=\"isUserChooseAAComplientColor\">\n                            <pep-icon name=\"system_ok\">\n                            </pep-icon>\n                        </mat-icon>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n        <ng-container pep-dialog-actions>\n            <div class=\"color-actions pep-spacing-element-negative\">\n                <mat-checkbox *ngIf=\"data.showAAComplient\" class=\"pep-spacing-element\" type=\"checkbox\"\n                    id=\"checkAAComplient\" (change)=\"checkAAComplient = !checkAAComplient\" [checked]=\"checkAAComplient\">\n                    <span class=\"body-xs ellipsis\">{{ 'COLOR.AA_COMPLIENT' | translate }}</span>\n                </mat-checkbox>\n                <div>\n                    <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\n                        {{'ACTIONS.CANCEL' | translate}}\n                    </button>\n                    <button mat-button class=\"pep-spacing-element pep-button md strong\" (click)=\"onSave($event)\">\n                        {{'ACTIONS.OK' | translate}}\n                    </button>\n                </div>\n            </div>\n        </ng-container>\n    </pep-dialog>\n</div>",
                     styles: [".mat-slider-horizontal .mat-slider-track-fill,.mat-slider-track-background{display:none}.pep-color-picker-container ::ng-deep.mat-dialog-content,.pepperi-color-picker-container ::ng-deep.mat-dialog-content{padding:.5rem .5rem 0;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-sm,.5rem) 0}.pep-color-picker-container .color-chooser-content,.pepperi-color-picker-container .color-chooser-content{display:-ms-grid;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:1.5rem;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:.5rem;grid-row-gap:var(--pep-spacing-sm,.5rem);margin-top:.5rem;margin-top:var(--pep-spacing-sm,.5rem)}.pep-color-picker-container .color-chooser-content .current-color,.pepperi-color-picker-container .color-chooser-content .current-color{grid-row:1/span 3;grid-column:6/span 4;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);width:9.25rem;height:9.25rem}.pep-color-picker-container .color-chooser-content .slider-box,.pepperi-color-picker-container .color-chooser-content .slider-box{grid-column:1/span 5}.pep-color-picker-container .color-value-content,.pepperi-color-picker-container .color-value-content{display:-ms-grid;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:1.5rem;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:.5rem;grid-row-gap:var(--pep-spacing-sm,.5rem);margin-top:1.5rem}.pep-color-picker-container .color-value-content .color-value,.pepperi-color-picker-container .color-value-content .color-value{grid-row:1/span 1;grid-column:1/span 9}.pep-color-picker-container .color-value-content .color-value.with-complient,.pepperi-color-picker-container .color-value-content .color-value.with-complient{grid-column:1/span 5}.pep-color-picker-container .color-value-content .color-complient-container,.pepperi-color-picker-container .color-value-content .color-complient-container{grid-column:6/span 4}.pep-color-picker-container .color-value-content .color-complient-container .color-complient,.pepperi-color-picker-container .color-value-content .color-complient-container .color-complient{display:flex;justify-content:center;align-items:center;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);height:2.5rem;height:var(--pep-form-field-height,2.5rem);width:9.25rem}.pep-color-picker-container ::ng-deep.mat-dialog-actions,.pepperi-color-picker-container ::ng-deep.mat-dialog-actions{display:block}.pep-color-picker-container ::ng-deep.mat-dialog-actions .color-actions,.pepperi-color-picker-container ::ng-deep.mat-dialog-actions .color-actions{display:flex;justify-content:space-between;align-items:center}"]
                 },] }
     ];
@@ -201,16 +201,12 @@
             this.rowSpan = 1;
             this.type = 'any';
             this.showTitle = true;
-            this.renderTitle = true;
             this.showAAComplient = true;
             this.layoutType = 'form';
             this.valueChange = new core.EventEmitter();
         }
         PepColorComponent.prototype.ngOnInit = function () {
             this.renderer.addClass(this.element.nativeElement, ngxLib.PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME);
-            if (!this.renderTitle) {
-                this.renderer.addClass(this.element.nativeElement, ngxLib.PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME);
-            }
         };
         PepColorComponent.prototype.ngOnDestroy = function () {
             //
@@ -237,7 +233,7 @@
     PepColorComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'pep-color',
-                    template: "<pep-field-title *ngIf=\"renderTitle\" [label]=\"label\" [disabled]=\"disabled\" [xAlignment]=\"xAlignment\"\r\n    [showTitle]=\"showTitle\">\r\n</pep-field-title>\r\n<div [id]=\"key\" class=\"pep-color-container\" [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\r\n    <div pepRtlDirection (click)=\"!disabled ? chooseColor() : ''\" class=\"pep-color pep-input\"\r\n        [ngClass]=\"{disable: disabled, 'one-row': rowSpan === 1}\"\r\n        style=\"background: {{ value ? value + '!important' : 'transparent' }}; opacity: {{ disabled && value ? 0.12 : 1}};\">\r\n        <button *ngIf=\"!disabled\" class=\"pep-button icon-button xs weak invert mat-button btn-edit\" tabindex=\"-1\"\r\n            pepButtonBlur mat-button>\r\n            <mat-icon>\r\n                <pep-icon name=\"system_edit\"></pep-icon>\r\n            </mat-icon>\r\n        </button>\r\n    </div>\r\n</div>",
+                    template: "<pep-field-title [label]=\"label\" [disabled]=\"disabled\" [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\n</pep-field-title>\n<div [id]=\"key\" class=\"pep-color-container\" [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\n    <div pepRtlDirection (click)=\"!disabled ? chooseColor() : ''\" class=\"pep-color pep-input\"\n        [ngClass]=\"{disable: disabled, 'one-row': rowSpan === 1}\"\n        style=\"background: {{ value ? value + '!important' : 'transparent' }}; opacity: {{ disabled && value ? 0.12 : 1}};\">\n        <button *ngIf=\"!disabled\" class=\"pep-button icon-button xs weak invert mat-button btn-edit\" tabindex=\"-1\"\n            pepButtonBlur mat-button>\n            <mat-icon>\n                <pep-icon name=\"system_edit\"></pep-icon>\n            </mat-icon>\n        </button>\n    </div>\n</div>",
                     styles: [":host{display:grid}.pep-color-container .pep-color,.pep-color-container .pepperi-color,.pepperi-color-container .pep-color,.pepperi-color-container .pepperi-color{padding:0;display:grid}.pep-color-container .pep-color .btn-edit,.pep-color-container .pepperi-color .btn-edit,.pepperi-color-container .pep-color .btn-edit,.pepperi-color-container .pepperi-color .btn-edit{width:calc(2.5rem - 1rem);width:calc(var(--pep-form-field-height, 2.5rem) - var(--pep-spacing-lg, 1rem));min-width:unset;padding:0;margin:0 .75rem;margin:0 var(--pep-spacing-md,.75rem);justify-self:end;align-self:center}.pep-color-container.right-alignment .pep-color .btn-edit,.pep-color-container.right-alignment .pepperi-color .btn-edit,.pepperi-color-container.right-alignment .pep-color .btn-edit,.pepperi-color-container.right-alignment .pepperi-color .btn-edit{justify-self:start}"]
                 },] }
     ];
@@ -255,7 +251,6 @@
         rowSpan: [{ type: core.Input }],
         type: [{ type: core.Input }],
         showTitle: [{ type: core.Input }],
-        renderTitle: [{ type: core.Input }],
         showAAComplient: [{ type: core.Input }],
         layoutType: [{ type: core.Input }],
         valueChange: [{ type: core.Output }]