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

package/field-title/field-title.component.theme.scss

@@ -1,2 +1,2 @@
-@mixin pep-field-title-component-theme($pepperi-theme) {
-}
+@mixin pep-field-title-component-theme($pepperi-theme) {
+}

package/field-title/pepperi-addons-ngx-lib-field-title.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PepFieldTitleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":21,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":23,"character":8}],"exports":[{"__symbolic":"reference","name":"PepFieldTitleComponent"}],"declarations":[{"__symbolic":"reference","name":"PepFieldTitleComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":29,"character":41}]}]}},"PepFieldTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"pep-field-title","template":"<div class=\"mat-form-title\" [ngClass]=\"{disable: disabled}\" [ngStyle]=\"{'text-align': xAlignment }\">\r\n    <ng-container *ngIf=\"xAlignment == 'right' then rightTemplate else leftTemplate\">\r\n    </ng-container>\r\n    <ng-template #rightTemplate>\r\n        <ng-container *ngTemplateOutlet=\"hintTemplate\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"requiredTemplate\"></ng-container>\r\n    </ng-template>\r\n    <ng-template #leftTemplate>\r\n        <ng-container *ngTemplateOutlet=\"requiredTemplate\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"hintTemplate\"></ng-container>\r\n    </ng-template>\r\n\r\n    <ng-template #requiredTemplate>\r\n        <mat-icon *ngIf=\"mandatory\" class=\"pep-spacing-element\">\r\n            <pep-icon name=\"system_must\"></pep-icon>\r\n        </mat-icon>\r\n        <!-- For the grid template () -->\r\n        <span *ngIf=\"!mandatory\"></span>\r\n    </ng-template>\r\n    <ng-template #titleTemplate>\r\n        <mat-label *ngIf=\"showTitle\" [title]=\"label\" class=\"body-xs\">\r\n            {{ label }}\r\n        </mat-label>\r\n        <!-- For the grid template () -->\r\n        <span *ngIf=\"!showTitle\"></span>\r\n    </ng-template>\r\n    <ng-template #hintTemplate>\r\n        <ng-container *ngIf=\"hint?.length > 0 then hintTextTemplate else maxCharactersTemplate\">\r\n        </ng-container>\r\n        <ng-template #hintTextTemplate>\r\n            <span class=\"body-xs\">\r\n                &nbsp;{{ hint }}\r\n            </span>\r\n        </ng-template>\r\n        <ng-template #maxCharactersTemplate>\r\n            <span *ngIf=\"maxFieldCharacters > 0\" class=\"body-xs\">\r\n                &nbsp;{{ inputLength || 0 }}/{{ maxFieldCharacters }}\r\n            </span>\r\n            <!-- For the grid template () -->\r\n            <span *ngIf=\"maxFieldCharacters === 0\"></span>\r\n        </ng-template>\r\n    </ng-template>\r\n</div>","styles":[":host{display:grid;width:inherit}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"maxFieldCharacters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"showTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"inputLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}]}}},"origins":{"PepFieldTitleModule":"./field-title.module","PepFieldTitleComponent":"./field-title.component"},"importAs":"@pepperi-addons/ngx-lib/field-title"}
+{"__symbolic":"module","version":4,"metadata":{"PepFieldTitleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":21,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":23,"character":8}],"exports":[{"__symbolic":"reference","name":"PepFieldTitleComponent"}],"declarations":[{"__symbolic":"reference","name":"PepFieldTitleComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":29,"character":41}]}]}},"PepFieldTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"pep-field-title","template":"<div class=\"mat-form-title\" [ngClass]=\"{disable: disabled}\" [ngStyle]=\"{'text-align': xAlignment }\">\n    <ng-container *ngIf=\"xAlignment == 'right' then rightTemplate else leftTemplate\">\n    </ng-container>\n    <ng-template #rightTemplate>\n        <ng-container *ngTemplateOutlet=\"hintTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"requiredTemplate\"></ng-container>\n    </ng-template>\n    <ng-template #leftTemplate>\n        <ng-container *ngTemplateOutlet=\"requiredTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"hintTemplate\"></ng-container>\n    </ng-template>\n\n    <ng-template #requiredTemplate>\n        <mat-icon *ngIf=\"mandatory\" class=\"pep-spacing-element\">\n            <pep-icon name=\"system_must\"></pep-icon>\n        </mat-icon>\n        <!-- For the grid template () -->\n        <span *ngIf=\"!mandatory\"></span>\n    </ng-template>\n    <ng-template #titleTemplate>\n        <mat-label *ngIf=\"showTitle\" [title]=\"label\" class=\"body-xs\">\n            {{ label }}\n        </mat-label>\n        <!-- For the grid template () -->\n        <span *ngIf=\"!showTitle\"></span>\n    </ng-template>\n    <ng-template #hintTemplate>\n        <ng-container *ngIf=\"hint?.length > 0 then hintTextTemplate else maxCharactersTemplate\">\n        </ng-container>\n        <ng-template #hintTextTemplate>\n            <span class=\"body-xs\">\n                &nbsp;{{ hint }}\n            </span>\n        </ng-template>\n        <ng-template #maxCharactersTemplate>\n            <span *ngIf=\"maxFieldCharacters > 0\" class=\"body-xs\">\n                &nbsp;{{ inputLength || 0 }}/{{ maxFieldCharacters }}\n            </span>\n            <!-- For the grid template () -->\n            <span *ngIf=\"maxFieldCharacters === 0\"></span>\n        </ng-template>\n    </ng-template>\n</div>","styles":[":host{display:grid;width:inherit}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"maxFieldCharacters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"showTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"inputLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}]}}},"origins":{"PepFieldTitleModule":"./field-title.module","PepFieldTitleComponent":"./field-title.component"},"importAs":"@pepperi-addons/ngx-lib/field-title"}

package/files-uploader/files-uploader.component.theme.scss

@@ -1,2 +1,2 @@
-@mixin pep-files-uploader-component-theme($pepperi-theme) {
-}
+@mixin pep-files-uploader-component-theme($pepperi-theme) {
+}

package/files-uploader/pepperi-addons-ngx-lib-files-uploader.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PepFilesUploaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":34,"character":8},{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploadModule","line":36,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":38,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":39,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/dialog","name":"PepDialogModule","line":40,"character":8}],"exports":[{"__symbolic":"reference","name":"PepFilesUploaderComponent"}],"declarations":[{"__symbolic":"reference","name":"PepFilesUploaderComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":46,"character":41}]}]}},"IPepFileChangeEvent":{"__symbolic":"interface"},"PepFilesUploaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"pep-files-uploader","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":21},"member":"OnPush"},"template":"<ng-template #pepTemplate>\r\n    <mat-form-field [formGroup]=\"form\" appearance=\"outline\">\r\n        <div class=\"pep-file-wrapper\">\r\n            <div class=\"pep-file body-sm\" [style.height]=\"fieldHeight\" [ngClass]=\"{\r\n                    'one-row': rowSpan == 1,\r\n                    disable: disabled\r\n                }\">\r\n                <ng-container *ngIf=\"src != ''; then withImg; else noImg\"></ng-container>\r\n                <ng-template #withImg>\r\n                    <button *ngIf=\"!disabled\" mat-button (click)=\"deleteFile()\"\r\n                        class=\"pep-button icon-button weak md delete\" tabindex=\"-1\"\r\n                        [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\r\n                        <mat-icon>\r\n                            <pep-icon name=\"system_bin\"></pep-icon>\r\n                        </mat-icon>\r\n                    </button>\r\n                    <div class=\"pep-file-preview\" (click)=\"onElementClicked($event)\">\r\n                        <img *ngIf=\"controlType === 'image'\" #imagePreview [src]=\"src\" class=\"pep-file-preview-img\"\r\n                            [style.max-height]=\"fieldHeight\" (error)=\"errorHandler($event)\" [alt]=\"label\"\r\n                            [ngClass]=\"['text-align-' + xAlignment]\" />\r\n                        <div *ngIf=\"controlType === 'attachment'\" class=\"ellipsis pep-file-message\">\r\n                            <a *ngIf=\"src != ''\" href=\"javascript:void(0)\">\r\n                                <mat-icon class=\"pep-spacing-element\">\r\n                                    <pep-icon name=\"system_attach\"></pep-icon>\r\n                                </mat-icon>\r\n                                <span class=\"body-sm ellipsis\">{{ 'FILE.SEE_ORIGINAL' | translate }}</span>\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </ng-template>\r\n                <ng-template #noImg>\r\n                    <div class=\"ellipsis pep-file-message\">\r\n                        <mat-icon *ngIf=\"controlType === 'attachment'\" class=\"pep-spacing-element\">\r\n                            <pep-icon name=\"system_attach\"></pep-icon>\r\n                        </mat-icon>\r\n                        <mat-icon *ngIf=\"controlType === 'image'\" class=\"pep-spacing-element\">\r\n                            <pep-icon name=\"system_file_upload_cloud\"></pep-icon>\r\n                        </mat-icon>\r\n                        <span class=\"body-sm ellipsis\" *ngIf=\"progress == 0\">\r\n                            {{ (disabled ? (controlType === 'image' ? 'MESSAGES.INFO_MISSING_IMAGE' :\r\n                            'MESSAGES.INFO_MISSING_FILE') : 'FILE.HINT') | translate }}\r\n                        </span>\r\n                        <!-- <p *ngIf=\"progress != 0\" class=\"pull-left flip\"\r\n                            [ngClass]=\"{ 'pull-left flip': rowSpan == 1, image: controlType == 'image', attachment: controlType == 'attachment' }\">\r\n                            {{ 'FILE.UPLOADING_FILE' | translate }}\r\n                        </p> -->\r\n                    </div>\r\n                    <ng-container *ngIf=\"!disabled\">\r\n                        <input #fileInput id=\"pep-file-{{ key }}\" tabindex=\"-1\" type=\"file\" accept=\"acceptedExtensions\"\r\n                            ng2FileSelect [uploader]=\"uploader\" autocomplete=\"off\" />\r\n                        <button *ngIf=\"progress != 0\" mat-button class=\"pep-button icon-button weak md delete\"\r\n                            [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\r\n                            <mat-icon>\r\n                                <pep-icon name=\"system_processing\" [spin]=\"true\">\r\n                                </pep-icon>\r\n                            </mat-icon>\r\n                        </button>\r\n                    </ng-container>\r\n                </ng-template>\r\n            </div>\r\n            <input [id]=\"key\" matInput [name]=\"key\" [formControlName]=\"key\" class=\"hidden-input\" type=\"text\"\r\n                [value]=\"src\" (click)=\"onClick_ChooseFile($event)\" (keypress)=\"onKeyPress_ChooseFile($event)\"\r\n                autocomplete=\"off\" />\r\n        </div>\r\n\r\n        <mat-error><span class=\"body-xs\"\r\n                [title]=\"mandatory && src.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"\r\n                [innerText]=\"mandatory && src.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"></span>\r\n        </mat-error>\r\n    </mat-form-field>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"layoutType === 'form'\">\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 *ngTemplateOutlet=\"pepTemplate\"></ng-container> -->\r\n</ng-container>","styles":[":host{display:grid;height:inherit}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":43,"character":1}}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"rowSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"sizeLimitMB":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"standAlone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}}]}],"acceptedExtensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"fileChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":5}}]}],"elementClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":5}}]}],"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":5},"arguments":["fileInput"]}]}],"imagePreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":5},"arguments":["imagePreview"]}]}],"fieldHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/dialog","name":"PepDialogService","line":86,"character":31},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":87,"character":38},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepFileService","line":88,"character":29},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":89,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"isValidFile":[{"__symbolic":"method"}],"getBase64FileSize":[{"__symbolic":"method"}],"errorHandler":[{"__symbolic":"method"}],"setProgress":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"onElementClicked":[{"__symbolic":"method"}],"onClick_ChooseFile":[{"__symbolic":"method"}],"onKeyPress_ChooseFile":[{"__symbolic":"method"}]}}},"origins":{"PepFilesUploaderModule":"./files-uploader.module","IPepFileChangeEvent":"./files-uploader.component","PepFilesUploaderComponent":"./files-uploader.component"},"importAs":"@pepperi-addons/ngx-lib/files-uploader"}
+{"__symbolic":"module","version":4,"metadata":{"PepFilesUploaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":31,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":32,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":33,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":34,"character":8},{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploadModule","line":36,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":38,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":39,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/dialog","name":"PepDialogModule","line":40,"character":8}],"exports":[{"__symbolic":"reference","name":"PepFilesUploaderComponent"}],"declarations":[{"__symbolic":"reference","name":"PepFilesUploaderComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":46,"character":41}]}]}},"IPepFileChangeEvent":{"__symbolic":"interface"},"PepFilesUploaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"pep-files-uploader","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":21},"member":"OnPush"},"template":"<ng-template #pepTemplate>\n    <mat-form-field [formGroup]=\"form\" appearance=\"outline\">\n        <div class=\"pep-file-wrapper\">\n            <div class=\"pep-file body-sm\" [style.height]=\"fieldHeight\" [ngClass]=\"{\n                    'one-row': rowSpan == 1,\n                    disable: disabled\n                }\">\n                <ng-container *ngIf=\"src != ''; then withImg; else noImg\"></ng-container>\n                <ng-template #withImg>\n                    <button *ngIf=\"!disabled\" mat-button (click)=\"deleteFile()\"\n                        class=\"pep-button icon-button weak md delete\" tabindex=\"-1\"\n                        [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\n                        <mat-icon>\n                            <pep-icon name=\"system_bin\"></pep-icon>\n                        </mat-icon>\n                    </button>\n                    <div class=\"pep-file-preview\" (click)=\"onElementClicked($event)\">\n                        <img *ngIf=\"controlType === 'image'\" #imagePreview [src]=\"src\" class=\"pep-file-preview-img\"\n                            [style.max-height]=\"fieldHeight\" (error)=\"errorHandler($event)\" [alt]=\"label\"\n                            [ngClass]=\"['text-align-' + xAlignment]\" />\n                        <div *ngIf=\"controlType === 'attachment'\" class=\"ellipsis pep-file-message\">\n                            <a *ngIf=\"src != ''\" href=\"javascript:void(0)\">\n                                <mat-icon class=\"pep-spacing-element\">\n                                    <pep-icon name=\"system_attach\"></pep-icon>\n                                </mat-icon>\n                                <span class=\"body-sm ellipsis\">{{ 'FILE.SEE_ORIGINAL' | translate }}</span>\n                            </a>\n                        </div>\n                    </div>\n                </ng-template>\n                <ng-template #noImg>\n                    <div class=\"ellipsis pep-file-message\">\n                        <mat-icon *ngIf=\"controlType === 'attachment'\" class=\"pep-spacing-element\">\n                            <pep-icon name=\"system_attach\"></pep-icon>\n                        </mat-icon>\n                        <mat-icon *ngIf=\"controlType === 'image'\" class=\"pep-spacing-element\">\n                            <pep-icon name=\"system_file_upload_cloud\"></pep-icon>\n                        </mat-icon>\n                        <span class=\"body-sm ellipsis\" *ngIf=\"progress == 0\">\n                            {{ (disabled ? (controlType === 'image' ? 'MESSAGES.INFO_MISSING_IMAGE' :\n                            'MESSAGES.INFO_MISSING_FILE') : 'FILE.HINT') | translate }}\n                        </span>\n                        <!-- <p *ngIf=\"progress != 0\" class=\"pull-left flip\"\n                            [ngClass]=\"{ 'pull-left flip': rowSpan == 1, image: controlType == 'image', attachment: controlType == 'attachment' }\">\n                            {{ 'FILE.UPLOADING_FILE' | translate }}\n                        </p> -->\n                    </div>\n                    <ng-container *ngIf=\"!disabled\">\n                        <input #fileInput id=\"pep-file-{{ key }}\" tabindex=\"-1\" type=\"file\" accept=\"acceptedExtensions\"\n                            ng2FileSelect [uploader]=\"uploader\" autocomplete=\"off\" />\n                        <button *ngIf=\"progress != 0\" mat-button class=\"pep-button icon-button weak md delete\"\n                            [ngClass]=\"{ 'right-alignment': xAlignment == 'right' }\">\n                            <mat-icon>\n                                <pep-icon name=\"system_processing\" [spin]=\"true\">\n                                </pep-icon>\n                            </mat-icon>\n                        </button>\n                    </ng-container>\n                </ng-template>\n            </div>\n            <input [id]=\"key\" matInput [name]=\"key\" [formControlName]=\"key\" class=\"hidden-input\" type=\"text\"\n                [value]=\"src\" (click)=\"onClick_ChooseFile($event)\" (keypress)=\"onKeyPress_ChooseFile($event)\"\n                autocomplete=\"off\" />\n        </div>\n\n        <mat-error><span class=\"body-xs\"\n                [title]=\"mandatory && src.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"\n                [innerText]=\"mandatory && src.length == 0 ? ('MESSAGES.ERROR_IS_REQUIRED' | translate: { field: label }) : ('MESSAGES.ERROR_IS_NOT_VALID' | translate: { field: label })\"></span>\n        </mat-error>\n    </mat-form-field>\n</ng-template>\n\n<ng-container *ngIf=\"layoutType === 'form'\">\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 *ngTemplateOutlet=\"pepTemplate\"></ng-container> -->\n</ng-container>","styles":[":host{display:grid;height:inherit}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":43,"character":1}}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"mandatory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"xAlignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"rowSpan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}}]}],"controlType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"sizeLimitMB":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"standAlone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}}]}],"acceptedExtensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"fileChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":5}}]}],"elementClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":5}}]}],"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":5},"arguments":["fileInput"]}]}],"imagePreview":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":5},"arguments":["imagePreview"]}]}],"fieldHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/dialog","name":"PepDialogService","line":86,"character":31},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":87,"character":38},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepFileService","line":88,"character":29},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":89,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"isValidFile":[{"__symbolic":"method"}],"getBase64FileSize":[{"__symbolic":"method"}],"errorHandler":[{"__symbolic":"method"}],"setProgress":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"onElementClicked":[{"__symbolic":"method"}],"onClick_ChooseFile":[{"__symbolic":"method"}],"onKeyPress_ChooseFile":[{"__symbolic":"method"}]}}},"origins":{"PepFilesUploaderModule":"./files-uploader.module","IPepFileChangeEvent":"./files-uploader.component","PepFilesUploaderComponent":"./files-uploader.component"},"importAs":"@pepperi-addons/ngx-lib/files-uploader"}

package/form/form.component.theme.scss

@@ -1,2 +1,2 @@
-@mixin pep-form-component-theme($pepperi-theme) {
-}
+@mixin pep-form-component-theme($pepperi-theme) {
+}

package/form/indicators.component.theme.scss

@@ -1,7 +1,7 @@
-@mixin pep-indicators-component-theme($pepperi-theme) {
-    .indicators-container {
-        .svg-icon {
-            fill: get-pep-color($pepperi-theme, color-system-primary-invert, color-tran-70);
-        }
-    }
-}
+@mixin pep-indicators-component-theme($pepperi-theme) {
+    .indicators-container {
+        .svg-icon {
+            fill: get-pep-color($pepperi-theme, color-system-primary-invert, color-tran-70);
+        }
+    }
+}

package/form/internal-button.component.d.ts

@@ -26,6 +26,7 @@ export declare class PepInternalButtonComponent implements OnInit, OnChanges, On
     layoutType: PepLayoutType;
     elementClick: EventEmitter<IPepFieldClickEvent>;
     valueChange: EventEmitter<string>;
+    standAlone: boolean;
     createNewReference: boolean;
     referenceButtons: Array<PepButton>;
     constructor(customizationService: PepCustomizationService, renderer: Renderer2, element: ElementRef);

package/form/internal-button.component.theme.scss

@@ -1,2 +1,2 @@
-@mixin pep-internal-button-component-theme($pepperi-theme) {
-}
+@mixin pep-internal-button-component-theme($pepperi-theme) {
+}

package/form/internal-menu.component.theme.scss

@@ -1,3 +1,3 @@
-@mixin pep-internal-menu-component-theme($pepperi-theme) {
-    
-}
+@mixin pep-internal-menu-component-theme($pepperi-theme) {
+    
+}