@pepperi-addons/ngx-lib 0.5.0-ng15.3 → 0.5.0-ng16.2

package/esm2022/draggable-items/draggable-items.component.mjs

@@ -0,0 +1,95 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { map, startWith } from 'rxjs/operators';
+import { BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@pepperi-addons/ngx-lib/search";
+import * as i3 from "@angular/cdk/drag-drop";
+import * as i4 from "./draggable-item/draggable-item.component";
+export class PepDraggableItemsComponent extends BaseDestroyerDirective {
+    containerId = 'draggable-container';
+    showSearch = false;
+    title = '';
+    titleType = 'regular';
+    titleSizeType = 'md';
+    itemPlaceholderType = 'weak';
+    dropAreaIds = [];
+    _items = [];
+    set items(value) {
+        this._items = value;
+        if (this.items?.length > 0) {
+            this.searchControl.enable();
+        }
+        else {
+            this.searchControl.disable();
+        }
+    }
+    get items() {
+        return this._items;
+    }
+    itemDragStarted = new EventEmitter();
+    itemDragEnded = new EventEmitter();
+    filteredItems$;
+    searchControl = new FormControl();
+    numberItemsToShowSearch = 5;
+    constructor() {
+        super();
+    }
+    filterItems(value) {
+        const filterValue = value.toLowerCase();
+        return this.items.filter((opt) => opt.title &&
+            opt.title.toLowerCase().includes(filterValue.toLowerCase()));
+    }
+    changeCursorOnDragStart() {
+        document.body.classList.add('inheritCursors');
+        document.body.style.cursor = 'grabbing';
+    }
+    changeCursorOnDragEnd() {
+        document.body.classList.remove('inheritCursors');
+        document.body.style.cursor = 'unset';
+    }
+    ngOnInit() {
+        // 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(), startWith(''), map((option) => typeof option === 'string' ? option : option && option.value), map((value) => (value ? this.filterItems(value) : this.items)));
+    }
+    onDragStart(event) {
+        this.changeCursorOnDragStart();
+        this.itemDragStarted.emit(event);
+    }
+    onDragEnd(event) {
+        this.changeCursorOnDragEnd();
+        this.itemDragEnded.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDraggableItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepDraggableItemsComponent, selector: "pep-draggable-items", inputs: { containerId: "containerId", showSearch: "showSearch", title: "title", titleType: "titleType", titleSizeType: "titleSizeType", itemPlaceholderType: "itemPlaceholderType", dropAreaIds: "dropAreaIds", items: "items" }, outputs: { itemDragStarted: "itemDragStarted", itemDragEnded: "itemDragEnded" }, usesInheritance: true, ngImport: i0, template: "<div [id]=\"containerId\" 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=\"title body-{{ titleSizeType }} bold ellipsis \" >{{title}}</label>\r\n        <pep-search *ngIf=\"showSearch && items?.length > numberItemsToShowSearch\" class=\"search-button\" sizeType=\"sm\" shrink=\"always\"\r\n            [searchControl]=\"searchControl\" triggerOn=\"keydown\"></pep-search>\r\n    </div>\r\n\r\n    <div class=\"draggable-items-overflow\" [ngClass]=\"{ 'add-padding': titleType === 'with-bottom-border'}\">\r\n        <div class=\"draggable-items-wrapper\">\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>\r\n    </div>\r\n</div>", styles: [".pep-draggable-items-container{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;padding-inline-end:var(--pep-spacing-xs, .25rem)}.pep-draggable-items-container .title-container{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;gap:var(--pep-spacing-sm, .5rem);flex-flow:row;justify-content:space-between}.pep-draggable-items-container .title-container .title{align-self:center}.pep-draggable-items-container .title-container .search-button{display:flex;align-self:center}.pep-draggable-items-container .draggable-items-overflow{overflow:auto}.pep-draggable-items-container .draggable-items-overflow.add-padding{padding:var(--pep-spacing-lg, 1rem) 0}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper{display:flex;flex-direction:column;gap:var(--pep-spacing-sm, .5rem)}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper .draggble-item{cursor:grab}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper .draggble-item.cdk-drag-disabled{cursor:not-allowed}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper .placeholder-item{height:2.5rem;border-radius:var(--pep-border-radius-md, .25rem);width:100%}\n", ".placeholder-item.none{opacity:0}.placeholder-item.weak{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PepSearchComponent, selector: "pep-search", inputs: ["triggerOn", "autoCompleteTop", "autoCompleteValues", "shrink", "value", "searchControl", "useAsWebComponent", "sizeType"], outputs: ["search", "autocompleteChange", "stateChange"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: i4.DraggableItemComponent, selector: "pep-draggable-item", inputs: ["title", "titlePrefix", "titleClassNames", "data", "disabled", "shadow", "styleType", "toggleContent", "isToggleContentOpen", "actionsMenu", "menuStyleType"], outputs: ["contentToggle", "actionsMenuItemClick"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDraggableItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-draggable-items', template: "<div [id]=\"containerId\" 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=\"title body-{{ titleSizeType }} bold ellipsis \" >{{title}}</label>\r\n        <pep-search *ngIf=\"showSearch && items?.length > numberItemsToShowSearch\" class=\"search-button\" sizeType=\"sm\" shrink=\"always\"\r\n            [searchControl]=\"searchControl\" triggerOn=\"keydown\"></pep-search>\r\n    </div>\r\n\r\n    <div class=\"draggable-items-overflow\" [ngClass]=\"{ 'add-padding': titleType === 'with-bottom-border'}\">\r\n        <div class=\"draggable-items-wrapper\">\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>\r\n    </div>\r\n</div>", styles: [".pep-draggable-items-container{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;padding-inline-end:var(--pep-spacing-xs, .25rem)}.pep-draggable-items-container .title-container{height:var(--pep-top-bar-field-height, 2.5rem);display:flex;gap:var(--pep-spacing-sm, .5rem);flex-flow:row;justify-content:space-between}.pep-draggable-items-container .title-container .title{align-self:center}.pep-draggable-items-container .title-container .search-button{display:flex;align-self:center}.pep-draggable-items-container .draggable-items-overflow{overflow:auto}.pep-draggable-items-container .draggable-items-overflow.add-padding{padding:var(--pep-spacing-lg, 1rem) 0}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper{display:flex;flex-direction:column;gap:var(--pep-spacing-sm, .5rem)}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper .draggble-item{cursor:grab}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper .draggble-item.cdk-drag-disabled{cursor:not-allowed}.pep-draggable-items-container .draggable-items-overflow .draggable-items-wrapper .placeholder-item{height:2.5rem;border-radius:var(--pep-border-radius-md, .25rem);width:100%}\n", ".placeholder-item.none{opacity:0}.placeholder-item.weak{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { containerId: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], titleType: [{
+                type: Input
+            }], titleSizeType: [{
+                type: Input
+            }], itemPlaceholderType: [{
+                type: Input
+            }], dropAreaIds: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], itemDragStarted: [{
+                type: Output
+            }], itemDragEnded: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWl0ZW1zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zL2RyYWdnYWJsZS1pdGVtcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2RyYWdnYWJsZS1pdGVtcy9kcmFnZ2FibGUtaXRlbXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQWUsS0FBSyxFQUFxQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkcsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFaEQsT0FBTyxFQUFlLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQU85RSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsc0JBQXNCO0lBQ3pELFdBQVcsR0FBRyxxQkFBcUIsQ0FBQztJQUNwQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQ25CLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxTQUFTLEdBQStCLFNBQVMsQ0FBQztJQUNsRCxhQUFhLEdBQWdCLElBQUksQ0FBQztJQUNsQyxtQkFBbUIsR0FBb0MsTUFBTSxDQUFDO0lBRTlELFdBQVcsR0FBRyxFQUFFLENBQUM7SUFFbEIsTUFBTSxHQUE2QixFQUFFLENBQUM7SUFDOUMsSUFDSSxLQUFLLENBQUMsS0FBK0I7UUFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFFcEIsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztTQUMvQjthQUFNO1lBQ0gsSUFBSSxD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QUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFJRixLQUFLO3NCQURSLEtBQUs7Z0JBY0ksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrRHJhZ0VuZCwgQ2RrRHJhZ1N0YXJ0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgSVBlcERyYWdnYWJsZUl0ZW0sIFBlcERyYWdnYWJsZUl0ZW1QbGFjZWhvbGRlclR5cGUsIFBlcERyYWdnYWJsZUl0ZW1zVGl0bGVUeXBlIH0gZnJvbSAnLi9kcmFnZ2FibGUtaXRlbXMubW9kZWwnO1xuaW1wb3J0IHsgUGVwU2l6ZVR5cGUsIEJhc2VEZXN0cm95ZXJEaXJlY3RpdmUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWRyYWdnYWJsZS1pdGVtcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RyYWdnYWJsZS1pdGVtcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHJhZ2dhYmxlLWl0ZW1zLmNvbXBvbmVudC5zY3NzJywgJy4vZHJhZ2dhYmxlLWl0ZW1zLmNvbXBvbmVudC50aGVtZS5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGVwRHJhZ2dhYmxlSXRlbXNDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGVzdHJveWVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBjb250YWluZXJJZCA9ICdkcmFnZ2FibGUtY29udGFpbmVyJztcbiAgICBASW5wdXQoKSBzaG93U2VhcmNoID0gZmFsc2U7XG4gICAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgICBASW5wdXQoKSB0aXRsZVR5cGU6IFBlcERyYWdnYWJsZUl0ZW1zVGl0bGVUeXBlID0gJ3JlZ3VsYXInO1xuICAgIEBJbnB1dCgpIHRpdGxlU2l6ZVR5cGU6IFBlcFNpemVUeXBlID0gJ21kJztcbiAgICBASW5wdXQoKSBpdGVtUGxhY2Vob2xkZXJUeXBlOiBQZXBEcmFnZ2FibGVJdGVtUGxhY2Vob2xkZXJUeXBlID0gJ3dlYWsnO1xuXG4gICAgQElucHV0KCkgZHJvcEFyZWFJZHMgPSBbXTtcblxuICAgIHByaXZhdGUgX2l0ZW1zOiBBcnJheTxJUGVwRHJhZ2dhYmxlSXRlbT4gPSBbXTtcbiAgICBASW5wdXQoKVxuICAgIHNldCBpdGVtcyh2YWx1ZTogQXJyYXk8SVBlcERyYWdnYWJsZUl0ZW0+KSB7XG4gICAgICAgIHRoaXMuX2l0ZW1zID0gdmFsdWU7XG5cbiAgICAgICAgaWYgKHRoaXMuaXRlbXM/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMuc2VhcmNoQ29udHJvbC5lbmFibGUoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuc2VhcmNoQ29udHJvbC5kaXNhYmxlKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IGl0ZW1zKCk6IEFycmF5PElQZXBEcmFnZ2FibGVJdGVtPiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgaXRlbURyYWdTdGFydGVkOiBFdmVudEVtaXR0ZXI8Q2RrRHJhZ1N0YXJ0PElQZXBEcmFnZ2FibGVJdGVtPj4gPSBuZXcgRXZlbnRFbWl0dGVyPENka0RyYWdTdGFydDxJUGVwRHJhZ2dhYmxlSXRlbT4+KCk7XG4gICAgQE91dHB1dCgpIGl0ZW1EcmFnRW5kZWQ6IEV2ZW50RW1pdHRlcjxDZGtEcmFnRW5kPElQZXBEcmFnZ2FibGVJdGVtPj4gPSBuZXcgRXZlbnRFbWl0dGVyPENka0RyYWdFbmQ8SVBlcERyYWdnYWJsZUl0ZW0+PigpO1xuXG4gICAgZmlsdGVyZWRJdGVtcyQ6IE9ic2VydmFibGU8YW55PjtcbiAgICBzZWFyY2hDb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gICAgbnVtYmVySXRlbXNUb1Nob3dTZWFyY2ggPSA1O1xuICAgIFxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZmlsdGVySXRlbXModmFsdWU6IHN0cmluZyk6IGFueVtdIHtcbiAgICAgICAgY29uc3QgZmlsdGVyVmFsdWUgPSB2YWx1ZS50b0xvd2VyQ2FzZSgpO1xuICAgICAgICByZXR1cm4gdGhpcy5pdGVtcy5maWx0ZXIoXG4gICAgICAgICAgICAob3B0KSA9PlxuICAgICAgICAgICAgICAgIG9wdC50aXRsZSAmJlxuICAgICAgICAgICAgICAgIG9wdC50aXRsZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlclZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGFuZ2VDdXJzb3JPbkRyYWdTdGFydCgpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKCdpbmhlcml0Q3Vyc29ycycpO1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLmN1cnNvciA9ICdncmFiYmluZyc7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGFuZ2VDdXJzb3JPbkRyYWdFbmQoKSB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LnJlbW92ZSgnaW5oZXJpdEN1cnNvcnMnKTtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSAndW5zZXQnO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBJZiB0aGVyZSBpcyBubyBpdGVtIGRpc2FibGUgdGhlIHNlYXJjaC5cbiAgICAgICAgaWYgKHRoaXMuaXRlbXMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICB0aGlzLnNlYXJjaENvbnRyb2wuZGlzYWJsZSgpO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gRmlsdGVyIHRoZSBkcmFnZ2FibGVJdGVtcyBieSB0aGUgc2VhcmNoIGNvbnRyb2wuXG4gICAgICAgIHRoaXMuZmlsdGVyZWRJdGVtcyQgPSB0aGlzLnNlYXJjaENvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICAgICAgICB0aGlzLmdldERlc3Ryb3llcigpLFxuICAgICAgICAgICAgc3RhcnRXaXRoPGFueT4oJycpLFxuICAgICAgICAgICAgbWFwKChvcHRpb24pID0+XG4gICAgICAgICAgICAgICAgdHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZycgPyBvcHRpb24gOiBvcHRpb24gJiYgb3B0aW9uLnZhbHVlXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgbWFwKCh2YWx1ZSkgPT4gKHZhbHVlID8gdGhpcy5maWx0ZXJJdGVtcyh2YWx1ZSkgOiB0aGlzLml0ZW1zKSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBvbkRyYWdTdGFydChldmVudDogQ2RrRHJhZ1N0YXJ0KSB7XG4gICAgICAgIHRoaXMuY2hhbmdlQ3Vyc29yT25EcmFnU3RhcnQoKTtcbiAgICAgICAgdGhpcy5pdGVtRHJhZ1N0YXJ0ZWQuZW1pdChldmVudCk7XG4gICAgfVxuXG4gICAgb25EcmFnRW5kKGV2ZW50OiBDZGtEcmFnRW5kKSB7XG4gICAgICAgIHRoaXMuY2hhbmdlQ3Vyc29yT25EcmFnRW5kKCk7XG4gICAgICAgIHRoaXMuaXRlbURyYWdFbmRlZC5lbWl0KGV2ZW50KTtcbiAgICB9XG59XG4iLCI8ZGl2IFtpZF09XCJjb250YWluZXJJZFwiIGNsYXNzPVwicGVwLWRyYWdnYWJsZS1pdGVtcy1jb250YWluZXJcIiBjZGtEcm9wTGlzdCBbY2RrRHJvcExpc3REYXRhXT1cImZpbHRlcmVkSXRlbXMkIHwgYXN5bmNcIlxyXG4gICAgY2RrRHJvcExpc3RTb3J0aW5nRGlzYWJsZWQgW2Nka0Ryb3BMaXN0Q29ubmVjdGVkVG9dPVwiZHJvcEFyZWFJZHNcIj5cclxuXHJcbiAgICA8ZGl2ICpuZ0lmPVwidGl0bGVUeXBlICE9PSAnbm9uZSdcIiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAncGVwLWJvcmRlci1ib3R0b20nOiB0aXRsZVR5cGUgPT09ICd3aXRoLWJvdHRvbS1ib3JkZXInfVwiPlxyXG4gICAgICAgIDxsYWJlbCBjbGFzcz1cInRpdGxlIGJvZHkte3sgdGl0bGVTaXplVHlwZSB9fSBib2xkIGVsbGlwc2lzIFwiID57e3RpdGxlfX08L2xhYmVsPlxyXG4gICAgICAgIDxwZXAtc2VhcmNoICpuZ0lmPVwic2hvd1NlYXJjaCAmJiBpdGVtcz8ubGVuZ3RoID4gbnVtYmVySXRlbXNUb1Nob3dTZWFyY2hcIiBjbGFzcz1cInNlYXJjaC1idXR0b25cIiBzaXplVHlwZT1cInNtXCIgc2hyaW5rPVwiYWx3YXlzXCJcclxuICAgICAgICAgICAgW3NlYXJjaENvbnRyb2xdPVwic2VhcmNoQ29udHJvbFwiIHRyaWdnZXJPbj1cImtleWRvd25cIj48L3BlcC1zZWFyY2g+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZHJhZ2dhYmxlLWl0ZW1zLW92ZXJmbG93XCIgW25nQ2xhc3NdPVwieyAnYWRkLXBhZGRpbmcnOiB0aXRsZVR5cGUgPT09ICd3aXRoLWJvdHRvbS1ib3JkZXInfVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkcmFnZ2FibGUtaXRlbXMtd3JhcHBlclwiPlxyXG4gICAgICAgICAgICA8cGVwLWRyYWdnYWJsZS1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGZpbHRlcmVkSXRlbXMkIHwgYXN5bmM7IGxldCBpPWluZGV4O1wiIGNsYXNzPVwiZHJhZ2dibGUtaXRlbVwiXHJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwiaXRlbS50aXRsZVwiIFtkYXRhXT1cIml0ZW0uZGF0YVwiIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCIgY2RrRHJhZyBbY2RrRHJhZ0RhdGFdPVwiaXRlbS5kYXRhXCJcclxuICAgICAgICAgICAgICAgIFtjZGtEcmFnRGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiIChjZGtEcmFnU3RhcnRlZCk9XCJvbkRyYWdTdGFydCgkZXZlbnQpXCIgKGNka0RyYWdFbmRlZCk9XCJvbkRyYWdFbmQoJGV2ZW50KVwiPlxyXG4gICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW1QbGFjZWhvbGRlclR5cGUgIT09ICdyZWd1bGFyJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwbGFjZWhvbGRlci1pdGVtIHt7aXRlbVBsYWNlaG9sZGVyVHlwZX19XCIgKmNka0RyYWdQbGFjZWhvbGRlcj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L3BlcC1kcmFnZ2FibGUtaXRlbT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/draggable-items/draggable-items.module.mjs

@@ -0,0 +1,65 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepSearchModule } from '@pepperi-addons/ngx-lib/search';
+import { PepMenuModule } from '@pepperi-addons/ngx-lib/menu';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { PepDraggableItemsComponent } from './draggable-items.component';
+import { DraggableItemComponent } from './draggable-item/draggable-item.component';
+import { PepIconModule, pepIconSystemMove, } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/icon";
+export class PepDraggableItemsModule {
+    pepIconRegistry;
+    constructor(pepIconRegistry) {
+        this.pepIconRegistry = pepIconRegistry;
+        this.pepIconRegistry.registerIcons([
+            pepIconSystemMove,
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDraggableItemsModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepDraggableItemsModule, declarations: [PepDraggableItemsComponent,
+            DraggableItemComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            PepIconModule,
+            PepMenuModule,
+            PepSearchModule,
+            DragDropModule], exports: [PepDraggableItemsComponent,
+            DraggableItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDraggableItemsModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            PepIconModule,
+            PepMenuModule,
+            PepSearchModule,
+            DragDropModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepDraggableItemsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PepDraggableItemsComponent,
+                        DraggableItemComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepIconModule,
+                        PepMenuModule,
+                        PepSearchModule,
+                        DragDropModule
+                    ],
+                    exports: [
+                        PepDraggableItemsComponent,
+                        DraggableItemComponent
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWl0ZW1zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvZHJhZ2dhYmxlLWl0ZW1zL2RyYWdnYWJsZS1pdGVtcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTdELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQ0gsYUFBYSxFQUViLGlCQUFpQixHQUNwQixNQUFNLDhCQUE4QixDQUFDOzs7QUFzQnRDLE1BQU0sT0FBTyx1QkFBdUI7SUFDWjtJQUFwQixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUM7WUFDL0IsaUJBQWlCO1NBQ3BCLENBQUMsQ0FBQztJQUNQLENBQUM7d0dBTFEsdUJBQXVCO3lHQUF2Qix1QkFBdUIsaUJBbEI1QiwwQkFBMEI7WUFDMUIsc0JBQXNCLGFBR3RCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsZUFBZTtZQUNmLGVBQWU7WUFDZixhQUFhO1lBQ2IsYUFBYTtZQUNiLGVBQWU7WUFDZixjQUFjLGFBR2QsMEJBQTBCO1lBQzFCLHNCQUFzQjt5R0FHakIsdUJBQXVCLFlBZDVCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsZUFBZTtZQUNmLGVBQWU7WUFDZixhQUFhO1lBQ2IsYUFBYTtZQUNiLGVBQWU7WUFDZixjQUFjOzs0RkFPVCx1QkFBdUI7a0JBcEJuQyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDViwwQkFBMEI7d0JBQzFCLHNCQUFzQjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsY0FBYztxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLDBCQUEwQjt3QkFDMUIsc0JBQXNCO3FCQUN6QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgUGVwTmd4TGliTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvYnV0dG9uJztcbmltcG9ydCB7IFBlcFNlYXJjaE1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL3NlYXJjaCc7XG5pbXBvcnQgeyBQZXBNZW51TW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvbWVudSc7XG5cbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5cbmltcG9ydCB7IFBlcERyYWdnYWJsZUl0ZW1zQ29tcG9uZW50IH0gZnJvbSAnLi9kcmFnZ2FibGUtaXRlbXMuY29tcG9uZW50JztcbmltcG9ydCB7IERyYWdnYWJsZUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2RyYWdnYWJsZS1pdGVtL2RyYWdnYWJsZS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICAgIFBlcEljb25Nb2R1bGUsXG4gICAgUGVwSWNvblJlZ2lzdHJ5LFxuICAgIHBlcEljb25TeXN0ZW1Nb3ZlLFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9pY29uJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgUGVwRHJhZ2dhYmxlSXRlbXNDb21wb25lbnQsXG4gICAgICAgIERyYWdnYWJsZUl0ZW1Db21wb25lbnRcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgICAgICBQZXBOZ3hMaWJNb2R1bGUsXG4gICAgICAgIFBlcEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgUGVwSWNvbk1vZHVsZSxcbiAgICAgICAgUGVwTWVudU1vZHVsZSxcbiAgICAgICAgUGVwU2VhcmNoTW9kdWxlLFxuICAgICAgICBEcmFnRHJvcE1vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBQZXBEcmFnZ2FibGVJdGVtc0NvbXBvbmVudCxcbiAgICAgICAgRHJhZ2dhYmxlSXRlbUNvbXBvbmVudFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFBlcERyYWdnYWJsZUl0ZW1zTW9kdWxlIHtcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBlcEljb25SZWdpc3RyeTogUGVwSWNvblJlZ2lzdHJ5KSB7XG4gICAgICAgIHRoaXMucGVwSWNvblJlZ2lzdHJ5LnJlZ2lzdGVySWNvbnMoW1xuICAgICAgICAgICAgcGVwSWNvblN5c3RlbU1vdmUsXG4gICAgICAgIF0pO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/field-title/field-title.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import { DEFAULT_HORIZONTAL_ALIGNMENT, } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@pepperi-addons/ngx-lib/icon";
+export class PepFieldTitleComponent {
+    label = '';
+    mandatory = false;
+    disabled = false;
+    maxFieldCharacters = 0;
+    hint = '';
+    xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
+    showTitle = true;
+    inputLength = 0;
+    fontBodyType = 'xs';
+    multiLine = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFieldTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepFieldTitleComponent, selector: "pep-field-title", inputs: { label: "label", mandatory: "mandatory", disabled: "disabled", maxFieldCharacters: "maxFieldCharacters", hint: "hint", xAlignment: "xAlignment", showTitle: "showTitle", inputLength: "inputLength", fontBodyType: "fontBodyType", multiLine: "multiLine" }, ngImport: i0, template: "<div class=\"mat-form-title\" [ngClass]=\"{disable: disabled, 'multi-line': multiLine}\" [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-{{fontBodyType}}\">\n            {{ label }}\n        </mat-label>\n        <!-- For the grid template () -->\n        <span *ngIf=\"!showTitle\"></span>\n    </ng-template>\n    <ng-template #hintTemplate>\n        <span class=\"body-{{fontBodyType}} color-dimmed\">\n            <ng-container *ngIf=\"hint?.length > 0 then hintTextTemplate else maxCharactersTemplate\"></ng-container>\n            <ng-template #hintTextTemplate>\n                &nbsp;{{ hint }}\n            </ng-template>\n            <ng-template #maxCharactersTemplate>\n                <ng-container *ngIf=\"maxFieldCharacters > 0\">\n                    &nbsp;{{ inputLength || 0 }}/{{ maxFieldCharacters }}\n                </ng-container>\n            </ng-template>\n        </span>\n    </ng-template>\n</div>", styles: [":host{display:grid;width:inherit}.mat-form-title:not(.multi-line) ::ng-deep .mat-icon,.mat-form-title:not(.multi-line) ::ng-deep .mat-mdc-icon,.mat-mdc-form-title:not(.multi-line) ::ng-deep .mat-icon,.mat-mdc-form-title:not(.multi-line) ::ng-deep .mat-mdc-icon{height:100%!important}\n", ""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFieldTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-field-title', template: "<div class=\"mat-form-title\" [ngClass]=\"{disable: disabled, 'multi-line': multiLine}\" [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-{{fontBodyType}}\">\n            {{ label }}\n        </mat-label>\n        <!-- For the grid template () -->\n        <span *ngIf=\"!showTitle\"></span>\n    </ng-template>\n    <ng-template #hintTemplate>\n        <span class=\"body-{{fontBodyType}} color-dimmed\">\n            <ng-container *ngIf=\"hint?.length > 0 then hintTextTemplate else maxCharactersTemplate\"></ng-container>\n            <ng-template #hintTextTemplate>\n                &nbsp;{{ hint }}\n            </ng-template>\n            <ng-template #maxCharactersTemplate>\n                <ng-container *ngIf=\"maxFieldCharacters > 0\">\n                    &nbsp;{{ inputLength || 0 }}/{{ maxFieldCharacters }}\n                </ng-container>\n            </ng-template>\n        </span>\n    </ng-template>\n</div>", styles: [":host{display:grid;width:inherit}.mat-form-title:not(.multi-line) ::ng-deep .mat-icon,.mat-form-title:not(.multi-line) ::ng-deep .mat-mdc-icon,.mat-mdc-form-title:not(.multi-line) ::ng-deep .mat-icon,.mat-mdc-form-title:not(.multi-line) ::ng-deep .mat-mdc-icon{height:100%!important}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], mandatory: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], maxFieldCharacters: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], xAlignment: [{
+                type: Input
+            }], showTitle: [{
+                type: Input
+            }], inputLength: [{
+                type: Input
+            }], fontBodyType: [{
+                type: Input
+            }], multiLine: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtdGl0bGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9maWVsZC10aXRsZS9maWVsZC10aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2ZpZWxkLXRpdGxlL2ZpZWxkLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFFSCw0QkFBNEIsR0FDL0IsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7O0FBT2pDLE1BQU0sT0FBTyxzQkFBc0I7SUFDdEIsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDbEIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixrQkFBa0IsR0FBRyxDQUFDLENBQUM7SUFDdkIsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNWLFVBQVUsR0FBMkIsNEJBQTRCLENBQUM7SUFFbEUsU0FBUyxHQUFHLElBQUksQ0FBQztJQUNqQixXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLFlBQVksR0FBcUQsSUFBSSxDQUFDO0lBQ3RFLFNBQVMsR0FBRyxLQUFLLENBQUM7d0dBWGxCLHNCQUFzQjs0RkFBdEIsc0JBQXNCLDZUQ1huQyx3OERBeUNNOzs0RkQ5Qk8sc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLGlCQUFpQjs4QkFLbEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgUGVwSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgICBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5ULFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWZpZWxkLXRpdGxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmllbGQtdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpZWxkLXRpdGxlLmNvbXBvbmVudC5zY3NzJywgJy4vZmllbGQtdGl0bGUuY29tcG9uZW50LnRoZW1lLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwRmllbGRUaXRsZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgICBASW5wdXQoKSBtYW5kYXRvcnkgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIG1heEZpZWxkQ2hhcmFjdGVycyA9IDA7XG4gICAgQElucHV0KCkgaGludCA9ICcnO1xuICAgIEBJbnB1dCgpIHhBbGlnbm1lbnQ6IFBlcEhvcml6b250YWxBbGlnbm1lbnQgPSBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5UO1xuXG4gICAgQElucHV0KCkgc2hvd1RpdGxlID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBpbnB1dExlbmd0aCA9IDA7XG4gICAgQElucHV0KCkgZm9udEJvZHlUeXBlOiAnMnhzJyB8ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJzJ4bCcgPSAneHMnO1xuICAgIEBJbnB1dCgpIG11bHRpTGluZSA9IGZhbHNlO1xufVxuIiwiPGRpdiBjbGFzcz1cIm1hdC1mb3JtLXRpdGxlXCIgW25nQ2xhc3NdPVwie2Rpc2FibGU6IGRpc2FibGVkLCAnbXVsdGktbGluZSc6IG11bHRpTGluZX1cIiBbbmdTdHlsZV09XCJ7J3RleHQtYWxpZ24nOiB4QWxpZ25tZW50IH1cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwieEFsaWdubWVudCA9PSAncmlnaHQnIHRoZW4gcmlnaHRUZW1wbGF0ZSBlbHNlIGxlZnRUZW1wbGF0ZVwiPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjcmlnaHRUZW1wbGF0ZT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhpbnRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicmVxdWlyZWRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICNsZWZ0VGVtcGxhdGU+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZXF1aXJlZFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoaW50VGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlICNyZXF1aXJlZFRlbXBsYXRlPlxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJtYW5kYXRvcnlcIiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnRcIj5cbiAgICAgICAgICAgIDxwZXAtaWNvbiBuYW1lPVwic3lzdGVtX211c3RcIj48L3BlcC1pY29uPlxuICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICA8IS0tIEZvciB0aGUgZ3JpZCB0ZW1wbGF0ZSAoKSAtLT5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhbWFuZGF0b3J5XCI+PC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICN0aXRsZVRlbXBsYXRlPlxuICAgICAgICA8bWF0LWxhYmVsICpuZ0lmPVwic2hvd1RpdGxlXCIgW3RpdGxlXT1cImxhYmVsXCIgY2xhc3M9XCJib2R5LXt7Zm9udEJvZHlUeXBlfX1cIj5cbiAgICAgICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgIDwvbWF0LWxhYmVsPlxuICAgICAgICA8IS0tIEZvciB0aGUgZ3JpZCB0ZW1wbGF0ZSAoKSAtLT5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhc2hvd1RpdGxlXCI+PC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICNoaW50VGVtcGxhdGU+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYm9keS17e2ZvbnRCb2R5VHlwZX19IGNvbG9yLWRpbW1lZFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhpbnQ/Lmxlbmd0aCA+IDAgdGhlbiBoaW50VGV4dFRlbXBsYXRlIGVsc2UgbWF4Q2hhcmFjdGVyc1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2hpbnRUZXh0VGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgJm5ic3A7e3sgaGludCB9fVxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjbWF4Q2hhcmFjdGVyc1RlbXBsYXRlPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtYXhGaWVsZENoYXJhY3RlcnMgPiAwXCI+XG4gICAgICAgICAgICAgICAgICAgICZuYnNwO3t7IGlucHV0TGVuZ3RoIHx8IDAgfX0ve3sgbWF4RmllbGRDaGFyYWN0ZXJzIH19XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PiJdfQ==

package/esm2022/field-title/field-title.module.mjs

@@ -0,0 +1,48 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatCommonModule } from '@angular/material/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { PepIconModule, pepIconSystemMust, } from '@pepperi-addons/ngx-lib/icon';
+import { PepFieldTitleComponent } from './field-title.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/icon";
+export class PepFieldTitleModule {
+    pepIconRegistry;
+    constructor(pepIconRegistry) {
+        this.pepIconRegistry = pepIconRegistry;
+        this.pepIconRegistry.registerIcons([pepIconSystemMust]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFieldTitleModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepFieldTitleModule, declarations: [PepFieldTitleComponent], imports: [CommonModule,
+            // Material modules,
+            MatCommonModule,
+            MatIconModule,
+            MatFormFieldModule,
+            // ngx-lib modules
+            PepIconModule], exports: [PepFieldTitleComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFieldTitleModule, imports: [CommonModule,
+            // Material modules,
+            MatCommonModule,
+            MatIconModule,
+            MatFormFieldModule,
+            // ngx-lib modules
+            PepIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepFieldTitleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        // Material modules,
+                        MatCommonModule,
+                        MatIconModule,
+                        MatFormFieldModule,
+                        // ngx-lib modules
+                        PepIconModule,
+                    ],
+                    exports: [PepFieldTitleComponent],
+                    declarations: [PepFieldTitleComponent],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtdGl0bGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9maWVsZC10aXRsZS9maWVsZC10aXRsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVsRSxPQUFPLEVBQ0gsYUFBYSxFQUViLGlCQUFpQixHQUNwQixNQUFNLDhCQUE4QixDQUFDO0FBRXRDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFlakUsTUFBTSxPQUFPLG1CQUFtQjtJQUNSO0lBQXBCLFlBQW9CLGVBQWdDO1FBQWhDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNoRCxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUM1RCxDQUFDO3dHQUhRLG1CQUFtQjt5R0FBbkIsbUJBQW1CLGlCQUZiLHNCQUFzQixhQVRqQyxZQUFZO1lBQ1osb0JBQW9CO1lBQ3BCLGVBQWU7WUFDZixhQUFhO1lBQ2Isa0JBQWtCO1lBQ2xCLGtCQUFrQjtZQUNsQixhQUFhLGFBRVAsc0JBQXNCO3lHQUd2QixtQkFBbUIsWUFYeEIsWUFBWTtZQUNaLG9CQUFvQjtZQUNwQixlQUFlO1lBQ2YsYUFBYTtZQUNiLGtCQUFrQjtZQUNsQixrQkFBa0I7WUFDbEIsYUFBYTs7NEZBS1IsbUJBQW1CO2tCQWIvQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixhQUFhO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDakMsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE1hdENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbmltcG9ydCB7XG4gICAgUGVwSWNvbk1vZHVsZSxcbiAgICBQZXBJY29uUmVnaXN0cnksXG4gICAgcGVwSWNvblN5c3RlbU11c3QsXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2ljb24nO1xuXG5pbXBvcnQgeyBQZXBGaWVsZFRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9maWVsZC10aXRsZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICAvLyBNYXRlcmlhbCBtb2R1bGVzLFxuICAgICAgICBNYXRDb21tb25Nb2R1bGUsXG4gICAgICAgIE1hdEljb25Nb2R1bGUsXG4gICAgICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICAgICAgLy8gbmd4LWxpYiBtb2R1bGVzXG4gICAgICAgIFBlcEljb25Nb2R1bGUsXG4gICAgXSxcbiAgICBleHBvcnRzOiBbUGVwRmllbGRUaXRsZUNvbXBvbmVudF0sXG4gICAgZGVjbGFyYXRpb25zOiBbUGVwRmllbGRUaXRsZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBlcEZpZWxkVGl0bGVNb2R1bGUge1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcGVwSWNvblJlZ2lzdHJ5OiBQZXBJY29uUmVnaXN0cnkpIHtcbiAgICAgICAgdGhpcy5wZXBJY29uUmVnaXN0cnkucmVnaXN0ZXJJY29ucyhbcGVwSWNvblN5c3RlbU11c3RdKTtcbiAgICB9XG59XG4iXX0=