@pepperi-addons/ngx-lib 0.3.8 → 0.3.9-beta.4

package/bundles/pepperi-addons-ngx-lib-draggable-items.umd.js

@@ -0,0 +1,173 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@pepperi-addons/ngx-lib'), require('@pepperi-addons/ngx-lib/button'), require('@pepperi-addons/ngx-lib/search'), require('@angular/cdk/drag-drop'), require('rxjs'), require('rxjs/operators'), require('@pepperi-addons/ngx-lib/icon')) :
+    typeof define === 'function' && define.amd ? define('@pepperi-addons/ngx-lib/draggable-items', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@pepperi-addons/ngx-lib', '@pepperi-addons/ngx-lib/button', '@pepperi-addons/ngx-lib/search', '@angular/cdk/drag-drop', 'rxjs', 'rxjs/operators', '@pepperi-addons/ngx-lib/icon'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['pepperi-addons'] = global['pepperi-addons'] || {}, global['pepperi-addons']['ngx-lib'] = global['pepperi-addons']['ngx-lib'] || {}, global['pepperi-addons']['ngx-lib']['draggable-items'] = {}), global.ng.core, global.ng.common, global.ng.forms, global['pepperi-addons']['ngx-lib'], global['pepperi-addons']['ngx-lib'].button, global['pepperi-addons']['ngx-lib'].search, global.ng.cdk.dragDrop, global.rxjs, global.rxjs.operators, global['pepperi-addons']['ngx-lib'].icon));
+}(this, (function (exports, core, common, forms, ngxLib, button, search, dragDrop, rxjs, operators, icon) { 'use strict';
+
+    var DraggableItemComponent = /** @class */ (function () {
+        function DraggableItemComponent() {
+            this.title = '';
+            this.disabled = false;
+            //
+        }
+        DraggableItemComponent.prototype.ngOnInit = function () {
+            //
+        };
+        return DraggableItemComponent;
+    }());
+    DraggableItemComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'pep-draggable-item',
+                    template: "<div class=\"pep-draggable-item-container\" [ngClass]=\"{ 'disable': disabled }\">\n    <div class=\"\">\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\n    </div>\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\n    </div>\n    <div class=\"actions\">\n        <ng-content select=\"[pep-actions]\"></ng-content>\n    </div>\n</div>",
+                    styles: [":host{display:block}.pep-draggable-item-container{height:2.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);padding-inline:.5rem;padding-inline:var(--pep-spacing-sm,.5rem);background:#fafafa;background:hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),98%);box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);border:1px solid hsl(0,0%,calc(10% + 30%));border:1px solid hsl(var(--pep-color-regular-h,0),var(--pep-color-regular-s,0%),calc(var(--pep-color-regular-l, 10%) + 30%));box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.16);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.16)}.pep-draggable-item-container.disable{opacity:.35;pointer-events:none}.pep-draggable-item-container .title-container{overflow-x:hidden;margin-inline:.5rem;margin-inline:var(--pep-spacing-sm,.5rem)}.pep-draggable-item-container .title-container .title{display:block}.pep-draggable-item-container .actions{display:inline-flex;grid-gap:.25rem;gap:.25rem;grid-gap:var(--pep-spacing-xs,.25rem);gap:var(--pep-spacing-xs,.25rem)}"]
+                },] }
+    ];
+    DraggableItemComponent.ctorParameters = function () { return []; };
+    DraggableItemComponent.propDecorators = {
+        title: [{ type: core.Input }],
+        data: [{ type: core.Input }],
+        disabled: [{ type: core.Input }]
+    };
+
+    var DraggableItemsComponent = /** @class */ (function () {
+        function DraggableItemsComponent() {
+            this.showSearch = false;
+            this.title = '';
+            this.titleType = 'regular';
+            this.allowMultiple = '';
+            this.itemPlaceholderType = 'none';
+            this.dropAreaIds = [];
+            this._items = [];
+            this.itemDragStarted = new core.EventEmitter();
+            this.itemDragEnded = new core.EventEmitter();
+            this.searchControl = new forms.FormControl();
+            this.numberItemsToShowSearch = 3;
+            //
+            this._destroyed = new rxjs.Subject();
+        }
+        Object.defineProperty(DraggableItemsComponent.prototype, "items", {
+            get: function () {
+                return this._items;
+            },
+            set: function (value) {
+                var _a;
+                this._items = value;
+                if (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                    this.searchControl.enable();
+                }
+                else {
+                    this.searchControl.disable();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DraggableItemsComponent.prototype.filterItems = function (value) {
+            var filterValue = value.toLowerCase();
+            return this.items.filter(function (opt) { return opt.title &&
+                opt.title.toLowerCase().includes(filterValue.toLowerCase()); });
+        };
+        DraggableItemsComponent.prototype.changeCursorOnDragStart = function () {
+            document.body.classList.add('inheritCursors');
+            document.body.style.cursor = 'grabbing';
+        };
+        DraggableItemsComponent.prototype.changeCursorOnDragEnd = function () {
+            document.body.classList.remove('inheritCursors');
+            document.body.style.cursor = 'unset';
+        };
+        DraggableItemsComponent.prototype.getDestroyer = function () {
+            return operators.takeUntil(this._destroyed);
+        };
+        DraggableItemsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            // If there is no item disable the search.
+            if (this.items.length === 0) {
+                this.searchControl.disable();
+            }
+            // Filter the draggableItems by the search control.
+            this.filteredItems$ = this.searchControl.valueChanges.pipe(this.getDestroyer(), operators.startWith(''), operators.map(function (option) { return typeof option === 'string' ? option : option && option.value; }), operators.map(function (value) { return (value ? _this.filterItems(value) : _this.items); }));
+        };
+        DraggableItemsComponent.prototype.ngOnDestroy = function () {
+            this._destroyed.next();
+            this._destroyed.complete();
+        };
+        DraggableItemsComponent.prototype.onDragStart = function (event) {
+            this.changeCursorOnDragStart();
+            this.itemDragStarted.emit(event);
+        };
+        DraggableItemsComponent.prototype.onDragEnd = function (event) {
+            this.changeCursorOnDragEnd();
+            this.itemDragEnded.emit(event);
+        };
+        return DraggableItemsComponent;
+    }());
+    DraggableItemsComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'pep-draggable-items',
+                    template: "<div id=\"test\" class=\"pep-draggable-items-container\" cdkDropList [cdkDropListData]=\"filteredItems$ | async\"\r\n    cdkDropListSortingDisabled [cdkDropListConnectedTo]=\"dropAreaIds\">\r\n\r\n    <div *ngIf=\"titleType !== 'none'\" class=\"title-container\"\r\n        [ngClass]=\"{ 'pep-border-bottom': titleType === 'with-bottom-border'}\">\r\n        <label class=\"body-xl bold ellipsis\">{{title}}</label>\r\n        <pep-search *ngIf=\"showSearch && items?.length > numberItemsToShowSearch\" sizeType=\"sm\"\r\n            [searchControl]=\"searchControl\" triggerOn=\"keydown\" [shrinkInSmallScreen]=\"true\"></pep-search>\r\n    </div>\r\n\r\n    <pep-draggable-item *ngFor=\"let item of filteredItems$ | async; let i=index;\" class=\"draggble-item\"\r\n        [title]=\"item.title\" [data]=\"item.data\" [disabled]=\"item.disabled\" cdkDrag [cdkDragData]=\"item.data\"\r\n        [cdkDragDisabled]=\"item.disabled\" (cdkDragStarted)=\"onDragStart($event)\" (cdkDragEnded)=\"onDragEnd($event)\">\r\n\r\n        <ng-container *ngIf=\"itemPlaceholderType !== 'regular'\">\r\n            <div class=\"placeholder-item {{itemPlaceholderType}}\" *cdkDragPlaceholder></div>\r\n        </ng-container>\r\n    </pep-draggable-item>\r\n</div>",
+                    styles: [".draggble-item{margin-bottom:.5rem;margin-bottom:var(--pep-spacing-sm,.5rem);cursor:-webkit-grab;cursor:grab}.draggble-item.cdk-drag-disabled{cursor:not-allowed}.title-container{height:2.5rem;display:flex;flex-flow:row;justify-content:space-between}.title-container.pep-border-bottom{margin-bottom:1rem;margin-bottom:var(--pep-spacing-lg,1rem)}.placeholder-item{height:2.5rem;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);width:100%;margin-bottom:.5rem;margin-bottom:var(--pep-spacing-sm,.5rem)}.placeholder-item.none{opacity:0}.placeholder-item.weak{background:rgba(26,26,26,.12);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.12)}"]
+                },] }
+    ];
+    DraggableItemsComponent.ctorParameters = function () { return []; };
+    DraggableItemsComponent.propDecorators = {
+        showSearch: [{ type: core.Input }],
+        title: [{ type: core.Input }],
+        titleType: [{ type: core.Input }],
+        allowMultiple: [{ type: core.Input }],
+        itemPlaceholderType: [{ type: core.Input }],
+        dropAreaIds: [{ type: core.Input }],
+        items: [{ type: core.Input }],
+        itemDragStarted: [{ type: core.Output }],
+        itemDragEnded: [{ type: core.Output }]
+    };
+
+    var PepDraggableItemsModule = /** @class */ (function () {
+        function PepDraggableItemsModule(pepIconRegistry) {
+            this.pepIconRegistry = pepIconRegistry;
+            this.pepIconRegistry.registerIcons([
+                icon.pepIconSystemMove,
+            ]);
+        }
+        return PepDraggableItemsModule;
+    }());
+    PepDraggableItemsModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        DraggableItemsComponent,
+                        DraggableItemComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        forms.ReactiveFormsModule,
+                        ngxLib.PepNgxLibModule,
+                        button.PepButtonModule,
+                        icon.PepIconModule,
+                        search.PepSearchModule,
+                        dragDrop.DragDropModule
+                    ],
+                    exports: [
+                        DraggableItemsComponent,
+                        DraggableItemComponent
+                    ],
+                },] }
+    ];
+    PepDraggableItemsModule.ctorParameters = function () { return [
+        { type: icon.PepIconRegistry }
+    ]; };
+
+    /*
+     * Public API Surface of ngx-lib/draggable-items
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.DraggableItemComponent = DraggableItemComponent;
+    exports.DraggableItemsComponent = DraggableItemsComponent;
+    exports.PepDraggableItemsModule = PepDraggableItemsModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=pepperi-addons-ngx-lib-draggable-items.umd.js.map

package/bundles/pepperi-addons-ngx-lib-draggable-items.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-lib-draggable-items.umd.js","sources":["../../../projects/ngx-lib/draggable-items/draggable-item/draggable-item.component.ts","../../../projects/ngx-lib/draggable-items/draggable-items.component.ts","../../../projects/ngx-lib/draggable-items/draggable-items.module.ts","../../../projects/ngx-lib/draggable-items/public-api.ts","../../../projects/ngx-lib/draggable-items/pepperi-addons-ngx-lib-draggable-items.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n    selector: 'pep-draggable-item',\n    templateUrl: './draggable-item.component.html',\n    styleUrls: ['./draggable-item.component.scss']\n})\nexport class DraggableItemComponent implements OnInit {\n    @Input() title = '';\n    @Input() data: any;\n    @Input() disabled = false;\n\n    constructor() {\n        //\n    }\n\n    ngOnInit(): void {\n        //\n    }\n}\n","import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { Component, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Observable, Subject } from 'rxjs';\nimport { map, startWith, takeUntil } from 'rxjs/operators';\nimport { IPepDraggableItem, PepDraggableItemPlaceholderType, PepDraggableItemsTitleType } from './draggable-items.model';\n\n@Component({\n    selector: 'pep-draggable-items',\n    templateUrl: './draggable-items.component.html',\n    styleUrls: ['./draggable-items.component.scss']\n})\nexport class DraggableItemsComponent implements OnInit, OnDestroy {\n\n    @Input() showSearch = false;\n    @Input() title = '';\n    @Input() titleType: PepDraggableItemsTitleType = 'regular';\n    @Input() allowMultiple = '';\n\n    @Input() itemPlaceholderType: PepDraggableItemPlaceholderType = 'none';\n\n    @Input() dropAreaIds = [];\n\n    private _items: Array<IPepDraggableItem> = [];\n    @Input()\n    set items(value: Array<IPepDraggableItem>) {\n        this._items = value;\n\n        if (this.items?.length > 0) {\n            this.searchControl.enable();\n        } else {\n            this.searchControl.disable();\n        }\n    }\n    get items(): Array<IPepDraggableItem> {\n        return this._items;\n    }\n\n    @Output() itemDragStarted: EventEmitter<CdkDragStart<IPepDraggableItem>> = new EventEmitter<CdkDragStart<IPepDraggableItem>>();\n    @Output() itemDragEnded: EventEmitter<CdkDragEnd<IPepDraggableItem>> = new EventEmitter<CdkDragEnd<IPepDraggableItem>>();\n\n    filteredItems$: Observable<any>;\n    searchControl = new FormControl();\n    numberItemsToShowSearch = 3;\n    private readonly _destroyed: Subject<void>;\n\n    constructor() {\n        //\n        this._destroyed = new Subject();\n    }\n\n    private filterItems(value: string): any[] {\n        const filterValue = value.toLowerCase();\n        return this.items.filter(\n            (opt) =>\n                opt.title &&\n                opt.title.toLowerCase().includes(filterValue.toLowerCase())\n        );\n    }\n\n    private changeCursorOnDragStart() {\n        document.body.classList.add('inheritCursors');\n        document.body.style.cursor = 'grabbing';\n    }\n\n    private changeCursorOnDragEnd() {\n        document.body.classList.remove('inheritCursors');\n        document.body.style.cursor = 'unset';\n    }\n\n    protected getDestroyer() {\n        return takeUntil(this._destroyed);\n    }\n\n    ngOnInit(): void {\n        // If there is no item disable the search.\n        if (this.items.length === 0) {\n            this.searchControl.disable();\n        }\n\n        // Filter the draggableItems by the search control.\n        this.filteredItems$ = this.searchControl.valueChanges.pipe(\n            this.getDestroyer(),\n            startWith<any>(''),\n            map((option) =>\n                typeof option === 'string' ? option : option && option.value\n            ),\n            map((value) => (value ? this.filterItems(value) : this.items))\n        );\n    }\n\n    ngOnDestroy(): void {\n        this._destroyed.next();\n        this._destroyed.complete();\n    }\n\n    onDragStart(event: CdkDragStart) {\n        this.changeCursorOnDragStart();\n        this.itemDragStarted.emit(event);\n    }\n\n    onDragEnd(event: CdkDragEnd) {\n        this.changeCursorOnDragEnd();\n        this.itemDragEnded.emit(event);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepSearchModule } from '@pepperi-addons/ngx-lib/search';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { DraggableItemsComponent } from './draggable-items.component';\nimport { DraggableItemComponent } from './draggable-item/draggable-item.component';\nimport {\n    PepIconModule,\n    PepIconRegistry,\n    pepIconSystemMove,\n} from '@pepperi-addons/ngx-lib/icon';\n\n@NgModule({\n    declarations: [\n        DraggableItemsComponent,\n        DraggableItemComponent\n    ],\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepIconModule,\n        PepSearchModule,\n        DragDropModule\n    ],\n    exports: [\n        DraggableItemsComponent,\n        DraggableItemComponent\n    ],\n})\nexport class PepDraggableItemsModule {\n    constructor(private pepIconRegistry: PepIconRegistry) {\n        this.pepIconRegistry.registerIcons([\n            pepIconSystemMove,\n        ]);\n    }\n}\n","/*\n * Public API Surface of ngx-lib/draggable-items\n */\nexport * from './draggable-item/draggable-item.component';\n\nexport * from './draggable-items.module';\nexport * from './draggable-items.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","Input","EventEmitter","FormControl","Subject","takeUntil","startWith","map","Output","pepIconSystemMove","NgModule","CommonModule","ReactiveFormsModule","PepNgxLibModule","PepButtonModule","PepIconModule","PepSearchModule","DragDropModule","PepIconRegistry"],"mappings":"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"}

package/bundles/pepperi-addons-ngx-lib-list.umd.js

@@ -2310,16 +2310,17 @@
             var _this = this;
             if (isForEdit === void 0) { isForEdit = false; }
             var res = new PepSelectionData();
+            var selectionType = 1;
+            var items = [];
+            var itemTypes = [];
             if (this.selectionTypeForActions === 'single') {
-                var tmp = this.selectedItemId.split(this.SEPARATOR);
-                res.selectionType = 1;
-                res.rows = [tmp[0]];
-                res.rowTypes = [tmp[1]];
+                if (this.selectedItemId.length > 0) {
+                    var tmp = this.selectedItemId.split(this.SEPARATOR);
+                    items.push(tmp[0]);
+                    itemTypes.push(tmp[1]);
+                }
             }
             else if (this.selectionTypeForActions === 'multi') {
-                var items_2 = [];
-                var itemTypes_1 = [];
-                var selectionType = 1;
                 var currentList_1 = [];
                 // For edit - only the selected items.
                 if (isForEdit) {
@@ -2346,14 +2347,14 @@
                 currentList_1.forEach(function (item) {
                     var tmp = item.split(_this.SEPARATOR);
                     if (tmp.length === 2) {
-                        items_2.push(tmp[0]);
-                        itemTypes_1.push(tmp[1]);
+                        items.push(tmp[0]);
+                        itemTypes.push(tmp[1]);
                     }
                 });
-                res.selectionType = selectionType;
-                res.rows = items_2;
-                res.rowTypes = itemTypes_1;
             }
+            res.selectionType = selectionType;
+            res.rows = items;
+            res.rowTypes = itemTypes;
             return res;
         };
         PepListComponent.prototype.getIsItemEditable = function (uid) {