@pepperi-addons/ngx-composite-lib 0.0.9 → 0.0.10

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

@@ -0,0 +1,112 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@pepperi-addons/ngx-lib'), require('@pepperi-addons/ngx-lib/button'), require('@angular/cdk/drag-drop')) :
+    typeof define === 'function' && define.amd ? define('@pepperi-addons/ngx-composite-lib/draggable-item', ['exports', '@angular/core', '@angular/common', '@pepperi-addons/ngx-lib', '@pepperi-addons/ngx-lib/button', '@angular/cdk/drag-drop'], 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"]["draggable-item"] = {}), global.ng.core, global.ng.common, global["ngx-lib"], global.i1, global.ng.cdk.dragDrop));
+})(this, (function (exports, i0, i2, ngxLib, i1, dragDrop) { '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 i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    var DraggableItemComponent = /** @class */ (function () {
+        // private _isDraggable = false;
+        // @Input()
+        // set isDraggable(value: boolean) {
+        //     this._isDraggable = value;
+        //     this._cursor = value ? 'move' : 'inherit'
+        // }
+        // get isDraggable(): boolean {
+        //     return this._isDraggable;
+        // }
+        function DraggableItemComponent() {
+            this._cursor = 'move';
+            this.title = '';
+            this.disabled = false;
+        }
+        DraggableItemComponent.prototype.ngOnInit = function () {
+        };
+        return DraggableItemComponent;
+    }());
+    DraggableItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DraggableItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DraggableItemComponent, selector: "pep-draggable-item", inputs: { title: "title", disabled: "disabled" }, host: { properties: { "style.cursor": "this._cursor" } }, ngImport: i0__namespace, template: "<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': 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}.draggable-item-container{height:2.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);padding-inline:var(--pep-spacing-sm, .5rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.title-container .title{display:block}.actions{display:inline-flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}\n"], components: [{ type: i1__namespace.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-draggable-item',
+                        templateUrl: './draggable-item.component.html',
+                        styleUrls: ['./draggable-item.component.scss']
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
+                    type: i0.HostBinding,
+                    args: ['style.cursor']
+                }], title: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }] } });
+
+    var DraggableItemModule = /** @class */ (function () {
+        function DraggableItemModule() {
+        }
+        return DraggableItemModule;
+    }());
+    DraggableItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    DraggableItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, declarations: [DraggableItemComponent], imports: [i2.CommonModule,
+            ngxLib.PepNgxLibModule,
+            i1.PepButtonModule,
+            dragDrop.DragDropModule], exports: [DraggableItemComponent] });
+    DraggableItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, imports: [[
+                i2.CommonModule,
+                ngxLib.PepNgxLibModule,
+                i1.PepButtonModule,
+                dragDrop.DragDropModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            DraggableItemComponent
+                        ],
+                        imports: [
+                            i2.CommonModule,
+                            ngxLib.PepNgxLibModule,
+                            i1.PepButtonModule,
+                            dragDrop.DragDropModule
+                        ],
+                        exports: [DraggableItemComponent],
+                    }]
+            }] });
+
+    /*
+     * Public API Surface of ngx-composite-lib/draggable-item
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.DraggableItemComponent = DraggableItemComponent;
+    exports.DraggableItemModule = DraggableItemModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-draggable-item.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-draggable-item.umd.js","sources":["../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.ts","../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.html","../../../projects/ngx-composite-lib/draggable-item/draggable-item.module.ts","../../../projects/ngx-composite-lib/draggable-item/public-api.ts","../../../projects/ngx-composite-lib/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.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\n    @HostBinding('style.cursor') _cursor = 'move';\n\n    @Input() title = '';\n    \n    @Input() disabled = false;\n\n    // private _isDraggable = false;\n    // @Input()\n    // set isDraggable(value: boolean) {\n    //     this._isDraggable = value;\n\n    //     this._cursor = value ? 'move' : 'inherit'\n    // }\n    // get isDraggable(): boolean {\n    //     return this._isDraggable;\n    // }\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n}\n","<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': 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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { DraggableItemComponent } from './draggable-item.component';\n\n@NgModule({\n    declarations: [\n        DraggableItemComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        DragDropModule\n    ],\n    exports: [DraggableItemComponent],\n})\nexport class DraggableItemModule { }\n","/*\n * Public API Surface of ngx-composite-lib/draggable-item\n */\nexport * from './draggable-item.module';\nexport * from './draggable-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","HostBinding","Input","CommonModule","PepNgxLibModule","PepButtonModule","DragDropModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0BI;YAjB6B,YAAO,GAAG,MAAM,CAAC;YAErC,UAAK,GAAG,EAAE,CAAC;YAEX,aAAQ,GAAG,KAAK,CAAC;SAaT;QAEjB,yCAAQ,GAAR;SACC;;;6IAtBQ,sBAAsB;sHAAtB,sBAAsB,iLCPnC,yeAUM;qHDHO,sBAAsB;sBALlCA,YAAS;uBAAC;wBACP,QAAQ,EAAE,oBAAoB;wBAC9B,WAAW,EAAE,iCAAiC;wBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;qBACjD;8EAGgC,OAAO;0BAAnCC,cAAW;2BAAC,cAAc;oBAElB,KAAK;0BAAbC,QAAK;oBAEG,QAAQ;0BAAhBA,QAAK;;;;QEQV;;;;0IAAa,mBAAmB;2IAAnB,mBAAmB,iBAVxB,sBAAsB,aAGtBC,eAAY;YACZC,sBAAe;YACfC,kBAAe;YACfC,uBAAc,aAER,sBAAsB;2IAEvB,mBAAmB,YARnB;gBACLH,eAAY;gBACZC,sBAAe;gBACfC,kBAAe;gBACfC,uBAAc;aACjB;qHAGQ,mBAAmB;sBAZ/BC,WAAQ;uBAAC;wBACN,YAAY,EAAE;4BACV,sBAAsB;yBACzB;wBACD,OAAO,EAAE;4BACLJ,eAAY;4BACZC,sBAAe;4BACfC,kBAAe;4BACfC,uBAAc;yBACjB;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBACpC;;;ICpBD;;;;ICAA;;;;;;;;;;;;;"}

package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js

@@ -0,0 +1,219 @@
+(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/field-title'), require('@pepperi-addons/ngx-lib/group-buttons'), require('@pepperi-addons/ngx-lib'), require('@pepperi-addons/ngx-lib/icon')) :
+    typeof define === 'function' && define.amd ? define('@pepperi-addons/ngx-composite-lib/group-buttons-settings', ['exports', '@angular/core', '@angular/common', '@ngx-translate/core', '@pepperi-addons/ngx-lib/field-title', '@pepperi-addons/ngx-lib/group-buttons', '@pepperi-addons/ngx-lib', '@pepperi-addons/ngx-lib/icon'], 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"]["group-buttons-settings"] = {}), global.ng.core, global.ng.common, global.translate, global["ngx-lib/field-title"], global["ngx-lib/group-buttons"], global["ngx-lib"], global["ngx-lib/icon"]));
+})(this, (function (exports, i0, i4, i1, i2, i3, ngxLib, i1$1) { '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 i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+
+    var GroupButtonsSettingsComponent = /** @class */ (function () {
+        // pepB: PepSizeType | 'none' = "xs";
+        function GroupButtonsSettingsComponent(translate) {
+            this.translate = translate;
+            this.header = '';
+            this.subHeader = '';
+            this.groupType = 'sizes';
+            this.btnsArray = [];
+            this.excludeKeys = []; // for example ['xs','xl']
+            this.useNone = false;
+            this.disabled = false;
+            this.btnkeyChange = new i0.EventEmitter();
+            this.none = { key: 'none' };
+            this.sizes = [];
+        }
+        Object.defineProperty(GroupButtonsSettingsComponent.prototype, "btnKey", {
+            get: function () {
+                return this._btnKey;
+            },
+            set: function (value) {
+                if (!value) {
+                    this._btnKey = '';
+                }
+                else {
+                    this._btnKey = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        GroupButtonsSettingsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            // Get the first translation for load all translations.
+            this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then(function (typeSoft) {
+                _this.none = { key: 'none', value: _this.translate.instant('GENERAL.NONE'), callback: function () { return _this.onKeyChange(null); } };
+                _this.arrayMerge();
+            });
+        };
+        GroupButtonsSettingsComponent.prototype.arrayMerge = function () {
+            var _this = this;
+            this.btnsArray = this.getButtonsArray();
+            // check if need to remove items from the buttons array
+            if (this.excludeKeys) {
+                this.btnsArray = this.btnsArray.filter(function (i) { return !_this.excludeKeys.find(function (f) { return f === i.key; }); });
+            }
+            // check if need to add the None button
+            if (this.useNone) {
+                this.btnsArray = [this.none].concat(this.btnsArray);
+            }
+        };
+        GroupButtonsSettingsComponent.prototype.onKeyChange = function (event) {
+            var _a;
+            this.btnKey = ((_a = event === null || event === void 0 ? void 0 : event.source) === null || _a === void 0 ? void 0 : _a.key) || 'none';
+            this.btnkeyChange.emit(this.btnKey);
+        };
+        GroupButtonsSettingsComponent.prototype.getButtonsArray = function () {
+            var _this = this;
+            switch (this.groupType) {
+                case 'custom': {
+                    return this.btnsArray;
+                }
+                case 'sizes': {
+                    return [
+                        { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                case 'vertical-align': {
+                    return [
+                        { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                case 'horizontal-align': {
+                    return [
+                        { key: 'left', iconName: 'text_align_right', callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'center', iconName: 'text_align_center', callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'right', iconName: 'text_align_left', callback: function (event) { return _this.onKeyChange(event); } },
+                    ];
+                }
+                case 'font-weight': {
+                    return [
+                        { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                case 'width-sizes': {
+                    return [
+                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                default: {
+                    return [];
+                }
+            }
+        };
+        return GroupButtonsSettingsComponent;
+    }());
+    GroupButtonsSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GroupButtonsSettingsComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    GroupButtonsSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GroupButtonsSettingsComponent, selector: "pep-group-buttons-settings", inputs: { header: "header", subHeader: "subHeader", groupType: "groupType", btnsArray: "btnsArray", excludeKeys: "excludeKeys", useNone: "useNone", disabled: "disabled", btnKey: "btnKey" }, outputs: { btnkeyChange: "btnkeyChange" }, ngImport: i0__namespace, template: "<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n                   [selectedButtonKey]=\"btnKey\" \n                   [stretch]=\"true\" \n                   buttonsClass=\"md regular\" \n                   [buttonsDisabled]=\"disabled\" \n                   viewType=\"toggle\">\n</pep-group-buttons>\n", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"], components: [{ type: i2__namespace.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i3__namespace.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GroupButtonsSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-group-buttons-settings',
+                        templateUrl: './group-buttons-settings.component.html',
+                        styleUrls: ['./group-buttons-settings.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { header: [{
+                    type: i0.Input
+                }], subHeader: [{
+                    type: i0.Input
+                }], groupType: [{
+                    type: i0.Input
+                }], btnsArray: [{
+                    type: i0.Input
+                }], excludeKeys: [{
+                    type: i0.Input
+                }], useNone: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }], btnKey: [{
+                    type: i0.Input
+                }], btnkeyChange: [{
+                    type: i0.Output
+                }] } });
+
+    var pepIcons = [
+        i1$1.pepIconTextAlignCenter,
+        i1$1.pepIconTextAlignLeft,
+        i1$1.pepIconTextAlignRight
+    ];
+    var PepGroupButtonsSettingsModule = /** @class */ (function () {
+        function PepGroupButtonsSettingsModule(pepIconRegistry) {
+            this.pepIconRegistry = pepIconRegistry;
+            this.pepIconRegistry.registerIcons(pepIcons);
+        }
+        return PepGroupButtonsSettingsModule;
+    }());
+    PepGroupButtonsSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, deps: [{ token: i1__namespace$1.PepIconRegistry }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PepGroupButtonsSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, declarations: [GroupButtonsSettingsComponent], imports: [i4.CommonModule,
+            ngxLib.PepNgxLibModule,
+            i2.PepFieldTitleModule,
+            i3.PepGroupButtonsModule], exports: [GroupButtonsSettingsComponent] });
+    PepGroupButtonsSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, imports: [[
+                i4.CommonModule,
+                ngxLib.PepNgxLibModule,
+                i2.PepFieldTitleModule,
+                i3.PepGroupButtonsModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            GroupButtonsSettingsComponent
+                        ],
+                        imports: [
+                            i4.CommonModule,
+                            ngxLib.PepNgxLibModule,
+                            i2.PepFieldTitleModule,
+                            i3.PepGroupButtonsModule,
+                        ],
+                        exports: [GroupButtonsSettingsComponent]
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.PepIconRegistry }]; } });
+
+    /*
+     * Public API Surface of ngx-composite-lib/shadow-settings
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.GroupButtonsSettingsComponent = GroupButtonsSettingsComponent;
+    exports.PepGroupButtonsSettingsModule = PepGroupButtonsSettingsModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js.map

package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js","sources":["../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.ts","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.html","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.module.ts","../../../projects/ngx-composite-lib/group-buttons-settings/public-api.ts","../../../projects/ngx-composite-lib/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepGroupbuttonsTypes } from './group-buttons-settings.model';\n\n@Component({\n    selector: 'pep-group-buttons-settings',\n    templateUrl: './group-buttons-settings.component.html',\n    styleUrls: ['./group-buttons-settings.component.scss']\n})\nexport class GroupButtonsSettingsComponent implements OnInit {\n\n    @Input() header: string = '';\n    @Input() subHeader: string = '';\n\n    @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \n    @Input() btnsArray: Array<PepButton> = [];\n    @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\n\n    @Input() useNone: boolean = false;\n    @Input() disabled: boolean = false;\n\n    private _btnKey: any;\n    @Input()\n    set btnKey(value: any) {\n        if (!value) {\n            this._btnKey = '';\n        } else {\n            this._btnKey = value;\n        }\n    }\n    get btnKey(): any {\n        return this._btnKey;\n    }\n\n    @Output()\n    btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\n    \n    \n    none: PepButton = {key: 'none'};\n    \n    sizes: Array<PepButton> = [];\n    \n    // pepB: PepSizeType | 'none' = \"xs\";\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n    }\n\n    ngOnInit(): void { \n        // Get the first translation for load all translations.\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n            \n            this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\n            \n            this.arrayMerge();\n        });\n    }\n\n    arrayMerge(){\n\n        this.btnsArray = this.getButtonsArray();\n        \n        // check if need to remove items from the buttons array\n        if(this.excludeKeys){\n            this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\n        }\n        // check if need to add the None button\n        if(this.useNone){\n            this.btnsArray = [this.none].concat(this.btnsArray);\n        }\n    }\n\n    onKeyChange(event: IPepButtonClickEvent | null) {\n        this.btnKey = event?.source?.key || 'none';\n        this.btnkeyChange.emit(this.btnKey);\n    }\n\n    getButtonsArray() {\n        switch(this.groupType){\n            case 'custom':{\n                return this.btnsArray;\n            }\n            case 'sizes':{\n                return [\n                    { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n            case 'vertical-align':{\n                return [\n                    { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\n                ];\n            }\n            case 'horizontal-align': {\n                return [\n                    { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\n                ];\n            }\n            case 'font-weight':{\n                return [\n                    { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\n                ]\n            }\n            case 'width-sizes':{\n                return [\n                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n\n            default: {\n                return [];\n            }\n        }\n    }\n}\n","<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n                   [selectedButtonKey]=\"btnKey\" \n                   [stretch]=\"true\" \n                   buttonsClass=\"md regular\" \n                   [buttonsDisabled]=\"disabled\" \n                   viewType=\"toggle\">\n</pep-group-buttons>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n    pepIconTextAlignCenter, \n    pepIconTextAlignLeft, \n    pepIconTextAlignRight\n]\n\n@NgModule({\n    declarations: [\n        GroupButtonsSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n    ],\n    exports: [GroupButtonsSettingsComponent]\n})\nexport class PepGroupButtonsSettingsModule { \n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './group-buttons-settings.module';\nexport * from './group-buttons-settings.component';\nexport * from './group-buttons-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","pepIconTextAlignCenter","pepIconTextAlignLeft","pepIconTextAlignRight","CommonModule","PepNgxLibModule","PepFieldTitleModule","PepGroupButtonsModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8CI,uCACY,SAA2B;YAA3B,cAAS,GAAT,SAAS,CAAkB;YAlC9B,WAAM,GAAW,EAAE,CAAC;YACpB,cAAS,GAAW,EAAE,CAAC;YAEvB,cAAS,GAAyB,OAAO,CAAC;YAC1C,cAAS,GAAqB,EAAE,CAAC;YACjC,gBAAW,GAAkB,EAAE,CAAC;YAEhC,YAAO,GAAY,KAAK,CAAC;YACzB,aAAQ,GAAY,KAAK,CAAC;YAgBnC,iBAAY,GAAuC,IAAIA,eAAY,EAAwB,CAAC;YAG5F,SAAI,GAAc,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC;YAEhC,UAAK,GAAqB,EAAE,CAAC;SAO5B;QAzBD,sBACI,iDAAM;iBAOV;gBACI,OAAO,IAAI,CAAC,OAAO,CAAC;aACvB;iBAVD,UACW,KAAU;gBACjB,IAAI,CAAC,KAAK,EAAE;oBACR,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;iBACrB;qBAAM;oBACH,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;iBACxB;aACJ;;;WAAA;QAoBD,gDAAQ,GAAR;YAAA,iBAQC;;YANG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,UAAC,QAAQ;gBAE3E,KAAI,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAA,EAAE,CAAC;gBAEnH,KAAI,CAAC,UAAU,EAAE,CAAC;aACrB,CAAC,CAAC;SACN;QAED,kDAAU,GAAV;YAAA,iBAYC;YAVG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;;YAGxC,IAAG,IAAI,CAAC,WAAW,EAAC;gBAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,CAAC,CAAC,GAAG,GAAA,CAAC,GAAA,CAAC,CAAC;aACzF;;YAED,IAAG,IAAI,CAAC,OAAO,EAAC;gBACZ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACvD;SACJ;QAED,mDAAW,GAAX,UAAY,KAAkC;;YAC1C,IAAI,CAAC,MAAM,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,GAAG,KAAI,MAAM,CAAC;YAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACvC;QAED,uDAAe,GAAf;YAAA,iBA+CC;YA9CG,QAAO,IAAI,CAAC,SAAS;gBACjB,KAAK,QAAQ,EAAC;oBACV,OAAO,IAAI,CAAC,SAAS,CAAC;iBACzB;gBACD,KAAK,OAAO,EAAC;oBACT,OAAO;wBACH,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBAChH,CAAC;iBACL;gBACD,KAAK,gBAAgB,EAAC;oBAClB,OAAO;wBACH,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAA2B,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACjJ,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAA2B,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACrJ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAA2B,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACrJ,CAAC;iBACL;gBACD,KAAK,kBAAkB,EAAE;oBACrB,OAAO;wBACH,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAChG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACnG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACnG,CAAC;iBACL;gBACD,KAAK,aAAa,EAAC;oBACf,OAAO;wBACH,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACjI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7H,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACpI,CAAA;iBACJ;gBACD,KAAK,aAAa,EAAC;oBACf,OAAO;wBACC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAChI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAClI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACnI,CAAC;iBACL;gBAED,SAAS;oBACL,OAAO,EAAE,CAAC;iBACb;aACJ;SACJ;;;oJApHQ,6BAA6B;6HAA7B,6BAA6B,sTCX1C,6eASA;qHDEa,6BAA6B;sBALzCC,YAAS;uBAAC;wBACP,QAAQ,EAAE,4BAA4B;wBACtC,WAAW,EAAE,yCAAyC;wBACtD,SAAS,EAAE,CAAC,yCAAyC,CAAC;qBACzD;sHAGY,MAAM;0BAAdC,QAAK;oBACG,SAAS;0BAAjBA,QAAK;oBAEG,SAAS;0BAAjBA,QAAK;oBACG,SAAS;0BAAjBA,QAAK;oBACG,WAAW;0BAAnBA,QAAK;oBAEG,OAAO;0BAAfA,QAAK;oBACG,QAAQ;0BAAhBA,QAAK;oBAIF,MAAM;0BADTA,QAAK;oBAaN,YAAY;0BADXC,SAAM;;;IE5BX,IAAM,QAAQ,GAAG;QACbC,2BAAsB;QACtBC,yBAAoB;QACpBC,0BAAqB;KACxB,CAAA;;QAeG,uCACY,eAAgC;YAAhC,oBAAe,GAAf,eAAe,CAAiB;YAExC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;SAChD;;;oJALQ,6BAA6B;qJAA7B,6BAA6B,iBAVlC,6BAA6B,aAG7BC,eAAY;YACZC,sBAAe;YACfC,sBAAmB;YACnBC,wBAAqB,aAEf,6BAA6B;qJAE9B,6BAA6B,YAR7B;gBACLH,eAAY;gBACZC,sBAAe;gBACfC,sBAAmB;gBACnBC,wBAAqB;aACxB;qHAGQ,6BAA6B;sBAZzCC,WAAQ;uBAAC;wBACN,YAAY,EAAE;4BACV,6BAA6B;yBAChC;wBACD,OAAO,EAAE;4BACLJ,eAAY;4BACZC,sBAAe;4BACfC,sBAAmB;4BACnBC,wBAAqB;yBACxB;wBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;qBAC3C;;;ICzBD;;;;ICAA;;;;;;;;;;;;;"}

package/draggable-item/draggable-item.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DraggableItemComponent implements OnInit {
+    _cursor: string;
+    title: string;
+    disabled: boolean;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemComponent, "pep-draggable-item", never, { "title": "title"; "disabled": "disabled"; }, {}, never, ["[pep-actions]"]>;
+}

package/draggable-item/draggable-item.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./draggable-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/button";
+import * as i5 from "@angular/cdk/drag-drop";
+export declare class DraggableItemModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DraggableItemModule, [typeof i1.DraggableItemComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepButtonModule, typeof i5.DragDropModule], [typeof i1.DraggableItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DraggableItemModule>;
+}

package/draggable-item/package.json

@@ -0,0 +1,13 @@
+{
+  "peerDependencies": {
+    "@pepperi-addons/ngx-lib": "^0.2.56"
+  },
+  "main": "../bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js",
+  "module": "../fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js",
+  "es2015": "../fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js",
+  "esm2015": "../esm2015/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.js",
+  "fesm2015": "../fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js",
+  "typings": "pepperi-addons-ngx-composite-lib-draggable-item.d.ts",
+  "sideEffects": false,
+  "name": "@pepperi-addons/ngx-composite-lib/draggable-item"
+}

package/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/draggable-item" />
+export * from './public-api';

package/draggable-item/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './draggable-item.module';
+export * from './draggable-item.component';

package/esm2015/draggable-item/draggable-item.component.js

@@ -0,0 +1,40 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/button";
+import * as i2 from "@angular/common";
+export class DraggableItemComponent {
+    // private _isDraggable = false;
+    // @Input()
+    // set isDraggable(value: boolean) {
+    //     this._isDraggable = value;
+    //     this._cursor = value ? 'move' : 'inherit'
+    // }
+    // get isDraggable(): boolean {
+    //     return this._isDraggable;
+    // }
+    constructor() {
+        this._cursor = 'move';
+        this.title = '';
+        this.disabled = false;
+    }
+    ngOnInit() {
+    }
+}
+DraggableItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DraggableItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DraggableItemComponent, selector: "pep-draggable-item", inputs: { title: "title", disabled: "disabled" }, host: { properties: { "style.cursor": "this._cursor" } }, ngImport: i0, template: "<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': 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}.draggable-item-container{height:2.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);padding-inline:var(--pep-spacing-sm, .5rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);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(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.title-container .title{display:block}.actions{display:inline-flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}\n"], components: [{ type: i1.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-draggable-item',
+                    templateUrl: './draggable-item.component.html',
+                    styleUrls: ['./draggable-item.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
+                type: HostBinding,
+                args: ['style.cursor']
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsV0FBVyxFQUFFLEtBQUssRUFBa0IsTUFBTSxlQUFlLENBQUM7Ozs7QUFPNUYsTUFBTSxPQUFPLHNCQUFzQjtJQVEvQixnQ0FBZ0M7SUFDaEMsV0FBVztJQUNYLG9DQUFvQztJQUNwQyxpQ0FBaUM7SUFFakMsZ0RBQWdEO0lBQ2hELElBQUk7SUFDSiwrQkFBK0I7SUFDL0IsZ0NBQWdDO0lBQ2hDLElBQUk7SUFFSjtRQWpCNkIsWUFBTyxHQUFHLE1BQU0sQ0FBQztRQUVyQyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsYUFBUSxHQUFHLEtBQUssQ0FBQztJQWFWLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O21IQXRCUSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzS0NQbkMseWVBVU07MkZESE8sc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO2lCQUNqRDswRUFHZ0MsT0FBTztzQkFBbkMsV0FBVzt1QkFBQyxjQUFjO2dCQUVsQixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWRyYWdnYWJsZS1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyYWdnYWJsZS1pdGVtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHJhZ2dhYmxlSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLmN1cnNvcicpIF9jdXJzb3IgPSAnbW92ZSc7XG5cbiAgICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICAgIFxuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvLyBwcml2YXRlIF9pc0RyYWdnYWJsZSA9IGZhbHNlO1xuICAgIC8vIEBJbnB1dCgpXG4gICAgLy8gc2V0IGlzRHJhZ2dhYmxlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgLy8gICAgIHRoaXMuX2lzRHJhZ2dhYmxlID0gdmFsdWU7XG5cbiAgICAvLyAgICAgdGhpcy5fY3Vyc29yID0gdmFsdWUgPyAnbW92ZScgOiAnaW5oZXJpdCdcbiAgICAvLyB9XG4gICAgLy8gZ2V0IGlzRHJhZ2dhYmxlKCk6IGJvb2xlYW4ge1xuICAgIC8vICAgICByZXR1cm4gdGhpcy5faXNEcmFnZ2FibGU7XG4gICAgLy8gfVxuXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkcmFnZ2FibGUtaXRlbS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7ICdkaXNhYmxlZCc6IGRpc2FibGVkIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgIDxwZXAtYnV0dG9uIGNsYXNzTmFtZXM9XCJsb2NrLWV2ZW50c1wiIHNpemVUeXBlPVwieHNcIiBpY29uTmFtZT1cInN5c3RlbV9tb3ZlXCI+PC9wZXAtYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJ0aXRsZSAhPT0gJydcIiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImJvZHktc20gYm9sZCBlbGxpcHNpcyB0aXRsZVwiIHRpdGxlPVwie3t0aXRsZX19XCI+e3t0aXRsZX19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwZXAtYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

package/esm2015/draggable-item/draggable-item.module.js

@@ -0,0 +1,36 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { DraggableItemComponent } from './draggable-item.component';
+import * as i0 from "@angular/core";
+export class DraggableItemModule {
+}
+DraggableItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DraggableItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, declarations: [DraggableItemComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        DragDropModule], exports: [DraggableItemComponent] });
+DraggableItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            DragDropModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DraggableItemComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        DragDropModule
+                    ],
+                    exports: [DraggableItemComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWl0ZW0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFakUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXhELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQWNwRSxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBVnhCLHNCQUFzQixhQUd0QixZQUFZO1FBQ1osZUFBZTtRQUNmLGVBQWU7UUFDZixjQUFjLGFBRVIsc0JBQXNCO2lIQUV2QixtQkFBbUIsWUFSbkI7WUFDTCxZQUFZO1lBQ1osZUFBZTtZQUNmLGVBQWU7WUFDZixjQUFjO1NBQ2pCOzJGQUdRLG1CQUFtQjtrQkFaL0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1Ysc0JBQXNCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsY0FBYztxQkFDakI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQZXBOZ3hMaWJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBQZXBCdXR0b25Nb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9idXR0b24nO1xuXG5pbXBvcnQgeyBEcmFnRHJvcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuXG5pbXBvcnQgeyBEcmFnZ2FibGVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9kcmFnZ2FibGUtaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBEcmFnZ2FibGVJdGVtQ29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgUGVwTmd4TGliTW9kdWxlLFxuICAgICAgICBQZXBCdXR0b25Nb2R1bGUsXG4gICAgICAgIERyYWdEcm9wTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbRHJhZ2dhYmxlSXRlbUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIERyYWdnYWJsZUl0ZW1Nb2R1bGUgeyB9XG4iXX0=

package/esm2015/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItZHJhZ2dhYmxlLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9kcmFnZ2FibGUtaXRlbS9wZXBwZXJpLWFkZG9ucy1uZ3gtY29tcG9zaXRlLWxpYi1kcmFnZ2FibGUtaXRlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2015/draggable-item/public-api.js

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of ngx-composite-lib/draggable-item
+ */
+export * from './draggable-item.module';
+export * from './draggable-item.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2RyYWdnYWJsZS1pdGVtL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1jb21wb3NpdGUtbGliL2RyYWdnYWJsZS1pdGVtXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vZHJhZ2dhYmxlLWl0ZW0ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50JztcbiJdfQ==