@pepperi-addons/ngx-lib 0.4.2-beta.31 → 0.4.2-beta.310

package/fesm2020/pepperi-addons-ngx-lib-reset-configuration-field.mjs

@@ -0,0 +1,95 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@pepperi-addons/ngx-lib';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import * as i5 from '@pepperi-addons/ngx-lib/icon';
+import { PepIconModule } from '@pepperi-addons/ngx-lib/icon';
+import * as i6 from '@ngx-translate/core';
+
+class PepResetConfigurationFieldComponent {
+    constructor(pepLayoutService) {
+        this.pepLayoutService = pepLayoutService;
+        this.resetFieldKey = '';
+        this.disabled = false;
+        this.hideReset = false;
+        this.position = 'bottom-end';
+        this.hostEvents = new EventEmitter();
+    }
+    ngOnInit() {
+        if (!this.dir) {
+            this.dir = this.pepLayoutService.isRtl() ? 'rtl' : 'ltr';
+        }
+    }
+    get isHidden() {
+        return !!this.disabled || !!this.hideReset;
+    }
+    onResetClicked() {
+        if (this.isHidden || !this.resetFieldKey) {
+            return;
+        }
+        this.hostEvents.emit({
+            action: 'set-configuration-field',
+            key: this.resetFieldKey,
+            value: undefined,
+        });
+    }
+}
+PepResetConfigurationFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepResetConfigurationFieldComponent, deps: [{ token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
+PepResetConfigurationFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepResetConfigurationFieldComponent, selector: "pep-reset-configuration-field", inputs: { resetFieldKey: "resetFieldKey", disabled: "disabled", hideReset: "hideReset", dir: "dir", position: "position" }, outputs: { hostEvents: "hostEvents" }, ngImport: i0, template: "<div\n    *ngIf=\"position === 'top-end'\"\n    class=\"pep-reset-configuration-field-row\"\n    [ngClass]=\"{ rtl: dir === 'rtl' }\"\n    [title]=\"'GENERAL.RESET_HINT' | translate\"\n>\n    <button\n        mat-button\n        type=\"button\"\n        class=\"pep-button color-link sm pep-reset-configuration-field-button\"\n        [ngStyle]=\"{ display: isHidden ? 'none' : 'flex' }\"\n        (click)=\"onResetClicked()\"\n    >\n        {{ 'ACTIONS.RESET' | translate }}\n    </button>\n    <mat-icon class=\"pep-reset-configuration-field-icon\">\n        <pep-icon name=\"device_responsive\"></pep-icon>\n    </mat-icon>\n</div>\n\n<ng-content></ng-content>\n\n<div\n    *ngIf=\"position === 'bottom-end'\"\n    class=\"pep-reset-configuration-field-row\"\n    [ngClass]=\"{ rtl: dir === 'rtl' }\"\n    [title]=\"'GENERAL.RESET_HINT' | translate\"\n>\n    <button\n        mat-button\n        type=\"button\"\n        class=\"pep-button color-link sm pep-reset-configuration-field-button\"\n        [ngStyle]=\"{ display: isHidden ? 'none' : 'flex' }\"\n        (click)=\"onResetClicked()\"\n    >\n        {{ 'ACTIONS.RESET' | translate }}\n    </button>\n    <mat-icon class=\"pep-reset-configuration-field-icon\">\n        <pep-icon name=\"device_responsive\"></pep-icon>\n    </mat-icon>\n</div>\n", styles: [":host{display:block}.pep-reset-configuration-field-row{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;height:1rem}.pep-reset-configuration-field-button{align-items:center;justify-content:flex-end;height:1rem;line-height:unset;padding:unset!important;background:unset;font-size:var(--pep-button-2xs-font-size)}.pep-reset-configuration-field-icon{transform:rotate(270deg);width:.75rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepResetConfigurationFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-reset-configuration-field', template: "<div\n    *ngIf=\"position === 'top-end'\"\n    class=\"pep-reset-configuration-field-row\"\n    [ngClass]=\"{ rtl: dir === 'rtl' }\"\n    [title]=\"'GENERAL.RESET_HINT' | translate\"\n>\n    <button\n        mat-button\n        type=\"button\"\n        class=\"pep-button color-link sm pep-reset-configuration-field-button\"\n        [ngStyle]=\"{ display: isHidden ? 'none' : 'flex' }\"\n        (click)=\"onResetClicked()\"\n    >\n        {{ 'ACTIONS.RESET' | translate }}\n    </button>\n    <mat-icon class=\"pep-reset-configuration-field-icon\">\n        <pep-icon name=\"device_responsive\"></pep-icon>\n    </mat-icon>\n</div>\n\n<ng-content></ng-content>\n\n<div\n    *ngIf=\"position === 'bottom-end'\"\n    class=\"pep-reset-configuration-field-row\"\n    [ngClass]=\"{ rtl: dir === 'rtl' }\"\n    [title]=\"'GENERAL.RESET_HINT' | translate\"\n>\n    <button\n        mat-button\n        type=\"button\"\n        class=\"pep-button color-link sm pep-reset-configuration-field-button\"\n        [ngStyle]=\"{ display: isHidden ? 'none' : 'flex' }\"\n        (click)=\"onResetClicked()\"\n    >\n        {{ 'ACTIONS.RESET' | translate }}\n    </button>\n    <mat-icon class=\"pep-reset-configuration-field-icon\">\n        <pep-icon name=\"device_responsive\"></pep-icon>\n    </mat-icon>\n</div>\n", styles: [":host{display:block}.pep-reset-configuration-field-row{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;height:1rem}.pep-reset-configuration-field-button{align-items:center;justify-content:flex-end;height:1rem;line-height:unset;padding:unset!important;background:unset;font-size:var(--pep-button-2xs-font-size)}.pep-reset-configuration-field-icon{transform:rotate(270deg);width:.75rem;height:.75rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.PepLayoutService }]; }, propDecorators: { resetFieldKey: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], hideReset: [{
+                type: Input
+            }], dir: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], hostEvents: [{
+                type: Output
+            }] } });
+
+class PepResetConfigurationFieldModule {
+}
+PepResetConfigurationFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepResetConfigurationFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepResetConfigurationFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepResetConfigurationFieldModule, declarations: [PepResetConfigurationFieldComponent], imports: [CommonModule,
+        MatButtonModule,
+        MatIconModule,
+        PepNgxLibModule,
+        PepIconModule], exports: [PepResetConfigurationFieldComponent] });
+PepResetConfigurationFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepResetConfigurationFieldModule, imports: [CommonModule,
+        MatButtonModule,
+        MatIconModule,
+        PepNgxLibModule,
+        PepIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepResetConfigurationFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        PepNgxLibModule,
+                        PepIconModule,
+                    ],
+                    declarations: [PepResetConfigurationFieldComponent],
+                    exports: [PepResetConfigurationFieldComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PepResetConfigurationFieldComponent, PepResetConfigurationFieldModule };
+//# sourceMappingURL=pepperi-addons-ngx-lib-reset-configuration-field.mjs.map

package/fesm2020/pepperi-addons-ngx-lib-reset-configuration-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-lib-reset-configuration-field.mjs","sources":["../../../projects/ngx-lib/reset-configuration-field/reset-configuration-field.component.ts","../../../projects/ngx-lib/reset-configuration-field/reset-configuration-field.component.html","../../../projects/ngx-lib/reset-configuration-field/reset-configuration-field.module.ts","../../../projects/ngx-lib/reset-configuration-field/pepperi-addons-ngx-lib-reset-configuration-field.ts"],"sourcesContent":["import {\n    Component,\n    EventEmitter,\n    Input,\n    OnInit,\n    Output,\n} from '@angular/core';\n\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\n\nexport interface PepResetConfigurationFieldEvent {\n    action: 'set-configuration-field';\n    key: string;\n    value: undefined;\n}\n\n@Component({\n    selector: 'pep-reset-configuration-field',\n    templateUrl: './reset-configuration-field.component.html',\n    styleUrls: ['./reset-configuration-field.component.scss'],\n})\nexport class PepResetConfigurationFieldComponent implements OnInit {\n    @Input() resetFieldKey = '';\n    @Input() disabled = false;\n    @Input() hideReset = false;\n    @Input() dir: 'rtl' | 'ltr' | undefined;\n    @Input() position: 'top-end' | 'bottom-end' = 'bottom-end';\n\n    @Output() hostEvents = new EventEmitter<PepResetConfigurationFieldEvent>();\n\n    constructor(private pepLayoutService: PepLayoutService) {}\n\n    ngOnInit(): void {\n        if (!this.dir) {\n            this.dir = this.pepLayoutService.isRtl() ? 'rtl' : 'ltr';\n        }\n    }\n\n    get isHidden(): boolean {\n        return !!this.disabled || !!this.hideReset;\n    }\n\n    onResetClicked(): void {\n        if (this.isHidden || !this.resetFieldKey) {\n            return;\n        }\n\n        this.hostEvents.emit({\n            action: 'set-configuration-field',\n            key: this.resetFieldKey,\n            value: undefined,\n        });\n    }\n}\n","<div\n    *ngIf=\"position === 'top-end'\"\n    class=\"pep-reset-configuration-field-row\"\n    [ngClass]=\"{ rtl: dir === 'rtl' }\"\n    [title]=\"'GENERAL.RESET_HINT' | translate\"\n>\n    <button\n        mat-button\n        type=\"button\"\n        class=\"pep-button color-link sm pep-reset-configuration-field-button\"\n        [ngStyle]=\"{ display: isHidden ? 'none' : 'flex' }\"\n        (click)=\"onResetClicked()\"\n    >\n        {{ 'ACTIONS.RESET' | translate }}\n    </button>\n    <mat-icon class=\"pep-reset-configuration-field-icon\">\n        <pep-icon name=\"device_responsive\"></pep-icon>\n    </mat-icon>\n</div>\n\n<ng-content></ng-content>\n\n<div\n    *ngIf=\"position === 'bottom-end'\"\n    class=\"pep-reset-configuration-field-row\"\n    [ngClass]=\"{ rtl: dir === 'rtl' }\"\n    [title]=\"'GENERAL.RESET_HINT' | translate\"\n>\n    <button\n        mat-button\n        type=\"button\"\n        class=\"pep-button color-link sm pep-reset-configuration-field-button\"\n        [ngStyle]=\"{ display: isHidden ? 'none' : 'flex' }\"\n        (click)=\"onResetClicked()\"\n    >\n        {{ 'ACTIONS.RESET' | translate }}\n    </button>\n    <mat-icon class=\"pep-reset-configuration-field-icon\">\n        <pep-icon name=\"device_responsive\"></pep-icon>\n    </mat-icon>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepIconModule } from '@pepperi-addons/ngx-lib/icon';\n\nimport { PepResetConfigurationFieldComponent } from './reset-configuration-field.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        PepNgxLibModule,\n        PepIconModule,\n    ],\n    declarations: [PepResetConfigurationFieldComponent],\n    exports: [PepResetConfigurationFieldComponent],\n})\nexport class PepResetConfigurationFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}