@pepperi-addons/ngx-composite-lib 0.0.10-beta.4 → 0.0.10-beta.42

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

@@ -1,84 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, HostBinding, Input, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import * as i1 from '@pepperi-addons/ngx-lib/button';
-import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-
-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;cursor:grab}.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
-            }] } });
-
-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],
-                }]
-        }] });
-
-/*
- * Public API Surface of ngx-composite-lib/draggable-item
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DraggableItemComponent, DraggableItemModule };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-draggable-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-draggable-item.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":[],"mappings":";;;;;;;;;MAOa,sBAAsB;;;;;;;;;;IAmB/B;QAjB6B,YAAO,GAAG,MAAM,CAAC;QAErC,UAAK,GAAG,EAAE,CAAC;QAEX,aAAQ,GAAG,KAAK,CAAC;KAaT;IAEjB,QAAQ;KACP;;mHAtBQ,sBAAsB;uGAAtB,sBAAsB,sKCPnC,yeAUM;2FDHO,sBAAsB;kBALlC,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;iBACjD;0EAGgC,OAAO;sBAAnC,WAAW;uBAAC,cAAc;gBAElB,KAAK;sBAAb,KAAK;gBAEG,QAAQ;sBAAhB,KAAK;;;MEQG,mBAAmB;;gHAAnB,mBAAmB;iHAAnB,mBAAmB,iBAVxB,sBAAsB,aAGtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,cAAc,aAER,sBAAsB;iHAEvB,mBAAmB,YARnB;YACL,YAAY;YACZ,eAAe;YACf,eAAe;YACf,cAAc;SACjB;2FAGQ,mBAAmB;kBAZ/B,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,sBAAsB;qBACzB;oBACD,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,eAAe;wBACf,cAAc;qBACjB;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBACpC;;;ACpBD;;;;ACAA;;;;;;"}

package/styles.scss

@@ -1,38 +0,0 @@
-
-.checkbox-as-title {
-    margin-bottom: 0.5rem !important;
-    min-height: unset !important;
-
-    .pep-checkbox-container {
-        background: unset !important;
-        padding-left: unset !important;
-        padding-right: unset !important;
-
-        .mat-checkbox-inner-container {
-            margin-left: 0 !important;
-            margin-right: 0 !important;
-        }
-
-        .mat-checkbox-layout {
-            @include font-body($fs-xl, $lh-xl);
-            font-weight: $font-weight-bold !important;
-
-            .mat-checkbox-label span {
-                margin: 0 0.5rem;
-            }
-        }
-    }
-
-    // &.sub-title {
-    //     .pep-checkbox-container {
-    //         .mat-checkbox-layout {
-    //             @include font-body($fs-xl, $lh-xl);
-    //             font-weight: $font-weight-bold !important;
-    
-    //             .mat-checkbox-label span {
-    //                 margin: 0 0.5rem;
-    //             }
-    //         }
-    //     }
-    // }
-}