@pepperi-addons/ngx-composite-lib 0.0.10-beta.2 → 0.0.10-beta.21

package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js

@@ -0,0 +1,119 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@ngx-translate/core'), require('@pepperi-addons/ngx-lib/button'), require('@pepperi-addons/ngx-lib/textbox'), require('@pepperi-addons/ngx-lib/top-bar'), require('@pepperi-addons/ngx-lib/dialog')) :
+    typeof define === 'function' && define.amd ? define('@pepperi-addons/ngx-composite-lib/file-status-panel', ['exports', '@angular/core', '@angular/common', '@ngx-translate/core', '@pepperi-addons/ngx-lib/button', '@pepperi-addons/ngx-lib/textbox', '@pepperi-addons/ngx-lib/top-bar', '@pepperi-addons/ngx-lib/dialog'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["pepperi-addons"] = global["pepperi-addons"] || {}, global["pepperi-addons"]["ngx-composite-lib"] = global["pepperi-addons"]["ngx-composite-lib"] || {}, global["pepperi-addons"]["ngx-composite-lib"]["file-status-panel"] = {}), global.ng.core, global.ng.common, global.translate, global["ngx-lib/button"], global["ngx-lib/textbox"], global["ngx-lib/top-bar"], global["ngx-lib/dialog"]));
+})(this, (function (exports, i0, i3, i1, i2, textbox, topBar, dialog) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+
+    var FileStatusPanelComponent = /** @class */ (function () {
+        function FileStatusPanelComponent(translate) {
+            this.translate = translate;
+            this.title = '';
+            this.filesList = [];
+            //
+        }
+        FileStatusPanelComponent.prototype.ngOnInit = function () {
+            //
+        };
+        FileStatusPanelComponent.prototype.closeClick = function (event) {
+            //
+        };
+        return FileStatusPanelComponent;
+    }());
+    FileStatusPanelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: FileStatusPanelComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FileStatusPanelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: FileStatusPanelComponent, selector: "pep-file-status-panel", inputs: { title: "title", filesList: "filesList" }, ngImport: i0__namespace, template: "<div *ngIf=\"filesList.length\" id=\"uploadPanelCont\">\r\n    <div class=\"panel-header pep-border-bottom\">\r\n        <label class=\"body-md ellipsis\">{{title}}</label>\r\n        <pep-button\r\n            styleType=\"weak\"\r\n            styleStateType=\"system\"\r\n            sizeType=\"xs\"\r\n            classNames=\"roundCorners\"\r\n            [disabled]=\"false\"\r\n            iconName=\"system_close\"\r\n            iconPosition=\"end\"\r\n            [visible]=\"true\"\r\n            (buttonClick)=\"closeClick($event)\">\r\n        </pep-button>\r\n    </div>\r\n    <div class=\"panel-content\">\r\n        <ul>\r\n            <ng-container *ngFor=\"let file of filesList\">\r\n            <li *ngIf=\"file?.status !== 'hidden'\">\r\n               \r\n                <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\r\n                <pep-button\r\n                    styleType=\"weak-invert\"\r\n                    styleStateType=\"system\"\r\n                    classNames=\"xxs-btn\"\r\n                    [disabled]=\"false\"\r\n                    iconName=\"arrow_right_alt\">\r\n                </pep-button>\r\n                <span class=\"body-sm\">{{file.status}}</span>\r\n            \r\n            </li>\r\n        </ng-container>\r\n        </ul>\r\n    </div>\r\n</div>\r\n", styles: ["#uploadPanelCont{position:absolute;bottom:10px;right:2.5rem;width:22rem;padding:1rem;min-height:7rem;background:white;border:1px solid #595959;box-shadow:0 0 16px #0000003d;border-radius:.25rem;z-index:9999}#uploadPanelCont .panel-header{display:flex;flex-direction:row;justify-content:space-between;height:2.5rem}#uploadPanelCont .panel-header ::ng-deep .roundCorners{border-radius:1.5rem}.panel-content{max-height:50vh;overflow:auto}.panel-content ul{list-style-type:none;padding:0}.panel-content ul li{height:1.25rem;margin-top:.5rem;display:flex;flex-direction:row}.panel-content ul li .done{color:green!important}.panel-content ul li ::ng-deep .xxs-btn{min-width:1rem!important;height:1.3rem}.panel-content ul li ::ng-deep .xxs-btn pep-icon{width:.75rem!important}\n"], components: [{ type: i2__namespace.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: FileStatusPanelComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-file-status-panel',
+                        templateUrl: './file-status-panel.component.html',
+                        styleUrls: ['./file-status-panel.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { title: [{
+                    type: i0.Input
+                }], filesList: [{
+                    type: i0.Input
+                }] } });
+
+    var PepFileStatusPanelModule = /** @class */ (function () {
+        function PepFileStatusPanelModule() {
+        }
+        return PepFileStatusPanelModule;
+    }());
+    PepFileStatusPanelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepFileStatusPanelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PepFileStatusPanelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepFileStatusPanelModule, declarations: [FileStatusPanelComponent], imports: [i3.CommonModule,
+            topBar.PepTopBarModule,
+            textbox.PepTextboxModule,
+            i2.PepButtonModule,
+            dialog.PepDialogModule], exports: [FileStatusPanelComponent] });
+    PepFileStatusPanelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepFileStatusPanelModule, imports: [[
+                i3.CommonModule,
+                topBar.PepTopBarModule,
+                textbox.PepTextboxModule,
+                i2.PepButtonModule,
+                dialog.PepDialogModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepFileStatusPanelModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            FileStatusPanelComponent
+                        ],
+                        imports: [
+                            i3.CommonModule,
+                            topBar.PepTopBarModule,
+                            textbox.PepTextboxModule,
+                            i2.PepButtonModule,
+                            dialog.PepDialogModule,
+                        ],
+                        exports: [FileStatusPanelComponent]
+                    }]
+            }] });
+
+    var IFile = /** @class */ (function () {
+        function IFile() {
+            this.key = 0;
+            this.name = '';
+            this.status = 'uploading';
+        }
+        return IFile;
+    }());
+
+    /*
+     * Public API Surface of ngx-composite-lib/file-status-panel
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.FileStatusPanelComponent = FileStatusPanelComponent;
+    exports.IFile = IFile;
+    exports.PepFileStatusPanelModule = PepFileStatusPanelModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-file-status-panel.umd.js.map

package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-file-status-panel.umd.js","sources":["../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.html","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.module.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.model.ts","../../../projects/ngx-composite-lib/file-status-panel/public-api.ts","../../../projects/ngx-composite-lib/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.ts"],"sourcesContent":["import { Component, OnInit, Injectable, Input, Output, EventEmitter, Optional, Inject } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { IFile } from './file-status-panel.model';\r\n\r\n@Component({\r\n    selector: 'pep-file-status-panel',\r\n    templateUrl: './file-status-panel.component.html',\r\n    styleUrls: ['./file-status-panel.component.scss']\r\n})\r\n\r\nexport class FileStatusPanelComponent implements OnInit {\r\n    \r\n    @Input() title = '';\r\n    @Input() filesList: Array<IFile> = [];\r\n    \r\n    constructor( public translate: TranslateService) {\r\n       //\r\n    }\r\n\r\n    ngOnInit() {\r\n        //\r\n    }\r\n\r\n    closeClick(event: any): void {\r\n        //\r\n    }\r\n\r\n\r\n}","<div *ngIf=\"filesList.length\" id=\"uploadPanelCont\">\r\n    <div class=\"panel-header pep-border-bottom\">\r\n        <label class=\"body-md ellipsis\">{{title}}</label>\r\n        <pep-button\r\n            styleType=\"weak\"\r\n            styleStateType=\"system\"\r\n            sizeType=\"xs\"\r\n            classNames=\"roundCorners\"\r\n            [disabled]=\"false\"\r\n            iconName=\"system_close\"\r\n            iconPosition=\"end\"\r\n            [visible]=\"true\"\r\n            (buttonClick)=\"closeClick($event)\">\r\n        </pep-button>\r\n    </div>\r\n    <div class=\"panel-content\">\r\n        <ul>\r\n            <ng-container *ngFor=\"let file of filesList\">\r\n            <li *ngIf=\"file?.status !== 'hidden'\">\r\n               \r\n                <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\r\n                <pep-button\r\n                    styleType=\"weak-invert\"\r\n                    styleStateType=\"system\"\r\n                    classNames=\"xxs-btn\"\r\n                    [disabled]=\"false\"\r\n                    iconName=\"arrow_right_alt\">\r\n                </pep-button>\r\n                <span class=\"body-sm\">{{file.status}}</span>\r\n            \r\n            </li>\r\n        </ng-container>\r\n        </ul>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PepFileService, PepAddonService, PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { FileStatusPanelComponent } from './file-status-panel.component';\r\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\r\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\r\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\r\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\r\n\r\n\r\n@NgModule({\r\n    declarations: [\r\n        FileStatusPanelComponent\r\n    ],\r\n    imports: [\r\n        CommonModule,\r\n        PepTopBarModule,\r\n        PepTextboxModule,\r\n        PepButtonModule,\r\n        PepDialogModule,\r\n    ],\r\n    exports: [FileStatusPanelComponent]\r\n})\r\n\r\nexport class PepFileStatusPanelModule { \r\n    \r\n}","export type fileStatus = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden';\r\n\r\nexport class IFile {\r\n    key = 0;\r\n    name = '';\r\n    status: fileStatus = 'uploading';\r\n}","/*\r\n * Public API Surface of ngx-composite-lib/file-status-panel\r\n */\r\nexport * from './file-status-panel.module';\r\nexport * from './file-status-panel.component';\r\nexport * from './file-status-panel.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","Input","CommonModule","PepTopBarModule","PepTextboxModule","PepButtonModule","PepDialogModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAeI,kCAAoB,SAA2B;YAA3B,cAAS,GAAT,SAAS,CAAkB;YAHtC,UAAK,GAAG,EAAE,CAAC;YACX,cAAS,GAAiB,EAAE,CAAC;;SAIrC;QAED,2CAAQ,GAAR;;SAEC;QAED,6CAAU,GAAV,UAAW,KAAU;;SAEpB;;;+IAfQ,wBAAwB;wHAAxB,wBAAwB,4HCVrC,8zCAmCA;qHDzBa,wBAAwB;sBANpCA,YAAS;uBAAC;wBACP,QAAQ,EAAE,uBAAuB;wBACjC,WAAW,EAAE,oCAAoC;wBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;qBACpD;sHAIY,KAAK;0BAAbC,QAAK;oBACG,SAAS;0BAAjBA,QAAK;;;;QEWV;;;;+IAAa,wBAAwB;gJAAxB,wBAAwB,iBAZ7B,wBAAwB,aAGxBC,eAAY;YACZC,sBAAe;YACfC,wBAAgB;YAChBC,kBAAe;YACfC,sBAAe,aAET,wBAAwB;gJAGzB,wBAAwB,YAVxB;gBACLJ,eAAY;gBACZC,sBAAe;gBACfC,wBAAgB;gBAChBC,kBAAe;gBACfC,sBAAe;aAClB;qHAIQ,wBAAwB;sBAdpCC,WAAQ;uBAAC;wBACN,YAAY,EAAE;4BACV,wBAAwB;yBAC3B;wBACD,OAAO,EAAE;4BACLL,eAAY;4BACZC,sBAAe;4BACfC,wBAAgB;4BAChBC,kBAAe;4BACfC,sBAAe;yBAClB;wBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;qBACtC;;;;QCpBD;YACI,QAAG,GAAG,CAAC,CAAC;YACR,SAAI,GAAG,EAAE,CAAC;YACV,WAAM,GAAe,WAAW,CAAC;SACpC;oBAAA;KAAA;;ICND;;;;ICAA;;;;;;;;;;;;;;"}