@pepperi-addons/ngx-composite-lib 0.0.10-beta.9 → 0.0.12-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js +123 -122
- package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-dimx-export.umd.js +771 -0
- package/bundles/pepperi-addons-ngx-composite-lib-dimx-export.umd.js.map +1 -0
- package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js +119 -0
- package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js.map +1 -0
- package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js +931 -543
- package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js +176 -173
- package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js +117 -117
- package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib.umd.js +595 -103
- package/bundles/pepperi-addons-ngx-composite-lib.umd.js.map +1 -1
- package/color-settings/color-settings.component.d.ts +22 -22
- package/color-settings/color-settings.model.d.ts +5 -5
- package/color-settings/color-settings.module.d.ts +12 -12
- package/color-settings/package.json +0 -3
- package/color-settings/pepperi-addons-ngx-composite-lib-color-settings.d.ts +5 -5
- package/color-settings/public-api.d.ts +3 -3
- package/core/common/directives/index.d.ts +1 -0
- package/core/common/directives/public-api.d.ts +1 -0
- package/core/common/directives/reset-configuration-field.directive.d.ts +38 -0
- package/core/common/index.d.ts +1 -1
- package/core/common/public-api.d.ts +2 -1
- package/core/common/services/index.d.ts +1 -1
- package/core/common/services/public-api.d.ts +1 -1
- package/core/common/services/utilities.service.d.ts +6 -6
- package/core/index.d.ts +1 -1
- package/core/public-api.d.ts +1 -1
- package/dimx-export/dimx.component.d.ts +73 -0
- package/dimx-export/dimx.model.d.ts +7 -0
- package/dimx-export/dimx.module.d.ts +15 -0
- package/dimx-export/dimx.service.d.ts +20 -0
- package/dimx-export/package.json +16 -0
- package/{draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.d.ts → dimx-export/pepperi-addons-ngx-composite-lib-dimx-export.d.ts} +5 -5
- package/dimx-export/public-api.d.ts +3 -0
- package/esm2015/color-settings/color-settings.component.js +82 -81
- package/esm2015/color-settings/color-settings.model.js +9 -9
- package/esm2015/color-settings/color-settings.module.js +39 -39
- package/esm2015/color-settings/pepperi-addons-ngx-composite-lib-color-settings.js +4 -4
- package/esm2015/color-settings/public-api.js +6 -6
- package/esm2015/core/common/directives/index.js +5 -0
- package/esm2015/core/common/directives/public-api.js +5 -0
- package/esm2015/core/common/directives/reset-configuration-field.directive.js +153 -0
- package/esm2015/core/common/index.js +4 -4
- package/esm2015/core/common/public-api.js +6 -5
- package/esm2015/core/common/services/index.js +4 -4
- package/esm2015/core/common/services/public-api.js +4 -4
- package/esm2015/core/common/services/utilities.service.js +18 -18
- package/esm2015/core/index.js +4 -4
- package/esm2015/core/public-api.js +4 -4
- package/esm2015/dimx-export/dimx.component.js +241 -0
- package/esm2015/dimx-export/dimx.model.js +8 -0
- package/esm2015/dimx-export/dimx.module.js +49 -0
- package/esm2015/dimx-export/dimx.service.js +50 -0
- package/esm2015/dimx-export/pepperi-addons-ngx-composite-lib-dimx-export.js +5 -0
- package/esm2015/dimx-export/public-api.js +7 -0
- package/esm2015/file-status-panel/file-status-panel.component.js +34 -0
- package/esm2015/file-status-panel/file-status-panel.model.js +8 -0
- package/esm2015/file-status-panel/file-status-panel.module.js +40 -0
- package/esm2015/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.js +5 -0
- package/esm2015/file-status-panel/public-api.js +7 -0
- package/esm2015/generic-list/generic-list.component.js +421 -164
- package/esm2015/generic-list/generic-list.model.js +2 -2
- package/esm2015/generic-list/generic-list.module.js +64 -52
- package/esm2015/generic-list/generic-list.service.js +42 -0
- package/esm2015/generic-list/pepperi-addons-ngx-composite-lib-generic-list.js +4 -4
- package/esm2015/generic-list/public-api.js +8 -7
- package/esm2015/group-buttons-settings/group-buttons-settings.component.js +135 -132
- package/esm2015/group-buttons-settings/group-buttons-settings.model.js +1 -1
- package/esm2015/group-buttons-settings/group-buttons-settings.module.js +46 -46
- package/esm2015/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.js +4 -4
- package/esm2015/group-buttons-settings/public-api.js +6 -6
- package/esm2015/ngx-composite-lib.module.js +45 -26
- package/esm2015/pepperi-addons-ngx-composite-lib.js +4 -4
- package/esm2015/public-api.js +5 -5
- package/esm2015/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.js +4 -4
- package/esm2015/shadow-settings/public-api.js +6 -6
- package/esm2015/shadow-settings/shadow-settings.component.js +72 -72
- package/esm2015/shadow-settings/shadow-settings.model.js +8 -8
- package/esm2015/shadow-settings/shadow-settings.module.js +43 -43
- package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js +113 -112
- package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js +350 -0
- package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js.map +1 -0
- package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js +90 -0
- package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js.map +1 -0
- package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js +509 -203
- package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js +167 -164
- package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js +107 -107
- package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib.js +227 -56
- package/fesm2015/pepperi-addons-ngx-composite-lib.js.map +1 -1
- package/file-status-panel/file-status-panel.component.d.ts +14 -0
- package/file-status-panel/file-status-panel.model.d.ts +6 -0
- package/file-status-panel/file-status-panel.module.d.ts +12 -0
- package/file-status-panel/package.json +10 -0
- package/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.d.ts +5 -0
- package/file-status-panel/public-api.d.ts +3 -0
- package/generic-list/generic-list.component.d.ts +91 -45
- package/generic-list/generic-list.model.d.ts +41 -11
- package/generic-list/generic-list.module.d.ts +16 -15
- package/generic-list/generic-list.service.d.ts +13 -0
- package/generic-list/package.json +0 -1
- package/generic-list/pepperi-addons-ngx-composite-lib-generic-list.d.ts +5 -5
- package/generic-list/public-api.d.ts +4 -3
- package/group-buttons-settings/group-buttons-settings.component.d.ts +33 -32
- package/group-buttons-settings/group-buttons-settings.model.d.ts +1 -1
- package/group-buttons-settings/group-buttons-settings.module.d.ts +14 -14
- package/group-buttons-settings/package.json +0 -3
- package/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.d.ts +5 -5
- package/group-buttons-settings/public-api.d.ts +3 -3
- package/ngx-composite-lib.module.d.ts +11 -6
- package/package.json +2 -2
- package/pepperi-addons-ngx-composite-lib.d.ts +5 -5
- package/public-api.d.ts +2 -2
- package/shadow-settings/package.json +0 -3
- package/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.d.ts +5 -5
- package/shadow-settings/public-api.d.ts +3 -3
- package/shadow-settings/shadow-settings.component.d.ts +23 -23
- package/shadow-settings/shadow-settings.model.d.ts +7 -7
- package/shadow-settings/shadow-settings.module.d.ts +13 -13
- package/src/assets/i18n/en.ngx-composite-lib.json +5 -2
- package/src/core/style/abstracts/variables.scss +0 -1
- package/src/core/style/components/general.scss +0 -39
- package/styling.scss +3 -6
- package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js +0 -112
- package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js.map +0 -1
- package/draggable-item/draggable-item.component.d.ts +0 -11
- package/draggable-item/draggable-item.module.d.ts +0 -11
- package/draggable-item/package.json +0 -13
- package/draggable-item/public-api.d.ts +0 -2
- package/esm2015/draggable-item/draggable-item.component.js +0 -40
- package/esm2015/draggable-item/draggable-item.module.js +0 -36
- package/esm2015/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.js +0 -5
- package/esm2015/draggable-item/public-api.js +0 -6
- package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js +0 -84
- package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js.map +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./shadow-settings.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@pepperi-addons/ngx-lib";
|
|
5
|
-
import * as i4 from "@pepperi-addons/ngx-lib/checkbox";
|
|
6
|
-
import * as i5 from "@pepperi-addons/ngx-lib/field-title";
|
|
7
|
-
import * as i6 from "@pepperi-addons/ngx-lib/group-buttons";
|
|
8
|
-
import * as i7 from "@pepperi-addons/ngx-lib/slider";
|
|
9
|
-
export declare class PepShadowSettingsModule {
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PepShadowSettingsModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PepShadowSettingsModule, [typeof i1.ShadowSettingsComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepCheckboxModule, typeof i5.PepFieldTitleModule, typeof i6.PepGroupButtonsModule, typeof i7.PepSliderModule], [typeof i1.ShadowSettingsComponent]>;
|
|
12
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PepShadowSettingsModule>;
|
|
13
|
-
}
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./shadow-settings.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@pepperi-addons/ngx-lib";
|
|
5
|
+
import * as i4 from "@pepperi-addons/ngx-lib/checkbox";
|
|
6
|
+
import * as i5 from "@pepperi-addons/ngx-lib/field-title";
|
|
7
|
+
import * as i6 from "@pepperi-addons/ngx-lib/group-buttons";
|
|
8
|
+
import * as i7 from "@pepperi-addons/ngx-lib/slider";
|
|
9
|
+
export declare class PepShadowSettingsModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PepShadowSettingsModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PepShadowSettingsModule, [typeof i1.ShadowSettingsComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepCheckboxModule, typeof i5.PepFieldTitleModule, typeof i6.PepGroupButtonsModule, typeof i7.PepSliderModule], [typeof i1.ShadowSettingsComponent]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PepShadowSettingsModule>;
|
|
13
|
+
}
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
"MD": "MD",
|
|
19
19
|
"LG": "LG",
|
|
20
20
|
"XL": "XL",
|
|
21
|
-
|
|
22
21
|
"FONT_WEIGHT": {
|
|
23
22
|
"NORMAL": "Normal",
|
|
24
23
|
"BOLD": "Bold",
|
|
@@ -38,6 +37,10 @@
|
|
|
38
37
|
"TOP": "Top",
|
|
39
38
|
"MIDDLE": "Middle",
|
|
40
39
|
"BOTTOM": "Bottom"
|
|
41
|
-
}
|
|
40
|
+
},
|
|
41
|
+
"RESET_HINT": "Screen sizes support"
|
|
42
|
+
},
|
|
43
|
+
"ACTIONS": {
|
|
44
|
+
"RESET": "Reset"
|
|
42
45
|
}
|
|
43
46
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
$draggable-item-height: 2.5rem;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
@import '~@pepperi-addons/ngx-lib/src/core/style/abstracts/variables';
|
|
2
|
-
|
|
3
|
-
.checkbox-as-title {
|
|
4
|
-
margin-bottom: 0.5rem !important;
|
|
5
|
-
min-height: unset !important;
|
|
6
|
-
|
|
7
|
-
.pep-checkbox-container {
|
|
8
|
-
background: unset !important;
|
|
9
|
-
padding-left: unset !important;
|
|
10
|
-
padding-right: unset !important;
|
|
11
|
-
|
|
12
|
-
.mat-checkbox-inner-container {
|
|
13
|
-
margin-left: 0 !important;
|
|
14
|
-
margin-right: 0 !important;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.mat-checkbox-layout {
|
|
18
|
-
@include font-body($fs-xl, $lh-xl);
|
|
19
|
-
font-weight: $font-weight-bold !important;
|
|
20
|
-
|
|
21
|
-
.mat-checkbox-label span {
|
|
22
|
-
margin: 0 0.5rem;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
// &.sub-title {
|
|
28
|
-
// .pep-checkbox-container {
|
|
29
|
-
// .mat-checkbox-layout {
|
|
30
|
-
// @include font-body($fs-xl, $lh-xl);
|
|
31
|
-
// font-weight: $font-weight-bold !important;
|
|
32
|
-
|
|
33
|
-
// .mat-checkbox-label span {
|
|
34
|
-
// margin: 0 0.5rem;
|
|
35
|
-
// }
|
|
36
|
-
// }
|
|
37
|
-
// }
|
|
38
|
-
// }
|
|
39
|
-
}
|
package/styling.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// 1. Add ngx-lib styles
|
|
2
|
-
@
|
|
3
|
-
|
|
2
|
+
@use '~@pepperi-addons/ngx-lib/theming';
|
|
3
|
+
@include theming.pepperi-theme();
|
|
4
4
|
|
|
5
5
|
// 2. Configuration and helpers
|
|
6
6
|
@import './src/core/style/abstracts/functions',
|
|
@@ -8,7 +8,4 @@
|
|
|
8
8
|
'./src/core/style/abstracts/mixins';
|
|
9
9
|
|
|
10
10
|
// 3. Base stuff
|
|
11
|
-
@import './src/core/style/base/helpers';
|
|
12
|
-
|
|
13
|
-
// 4. Components
|
|
14
|
-
@import './src/core/style/components/general';
|
|
11
|
+
@import './src/core/style/base/helpers';
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
(function (global, factory) {
|
|
2
|
-
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')) :
|
|
3
|
-
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) :
|
|
4
|
-
(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["ngx-lib/button"], global.ng.cdk.dragDrop));
|
|
5
|
-
})(this, (function (exports, i0, i2, ngxLib, i1, dragDrop) { 'use strict';
|
|
6
|
-
|
|
7
|
-
function _interopNamespace(e) {
|
|
8
|
-
if (e && e.__esModule) return e;
|
|
9
|
-
var n = Object.create(null);
|
|
10
|
-
if (e) {
|
|
11
|
-
Object.keys(e).forEach(function (k) {
|
|
12
|
-
if (k !== 'default') {
|
|
13
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function () { return e[k]; }
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
n["default"] = e;
|
|
22
|
-
return Object.freeze(n);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
-
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
27
|
-
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
28
|
-
|
|
29
|
-
var DraggableItemComponent = /** @class */ (function () {
|
|
30
|
-
// private _isDraggable = false;
|
|
31
|
-
// @Input()
|
|
32
|
-
// set isDraggable(value: boolean) {
|
|
33
|
-
// this._isDraggable = value;
|
|
34
|
-
// this._cursor = value ? 'move' : 'inherit'
|
|
35
|
-
// }
|
|
36
|
-
// get isDraggable(): boolean {
|
|
37
|
-
// return this._isDraggable;
|
|
38
|
-
// }
|
|
39
|
-
function DraggableItemComponent() {
|
|
40
|
-
this._cursor = 'move';
|
|
41
|
-
this.title = '';
|
|
42
|
-
this.disabled = false;
|
|
43
|
-
}
|
|
44
|
-
DraggableItemComponent.prototype.ngOnInit = function () {
|
|
45
|
-
};
|
|
46
|
-
return DraggableItemComponent;
|
|
47
|
-
}());
|
|
48
|
-
DraggableItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
49
|
-
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;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%))}.draggable-item-container .title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.draggable-item-container .title-container .title{display:block}.draggable-item-container .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"] }] });
|
|
50
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, decorators: [{
|
|
51
|
-
type: i0.Component,
|
|
52
|
-
args: [{
|
|
53
|
-
selector: 'pep-draggable-item',
|
|
54
|
-
templateUrl: './draggable-item.component.html',
|
|
55
|
-
styleUrls: ['./draggable-item.component.scss']
|
|
56
|
-
}]
|
|
57
|
-
}], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
|
|
58
|
-
type: i0.HostBinding,
|
|
59
|
-
args: ['style.cursor']
|
|
60
|
-
}], title: [{
|
|
61
|
-
type: i0.Input
|
|
62
|
-
}], disabled: [{
|
|
63
|
-
type: i0.Input
|
|
64
|
-
}] } });
|
|
65
|
-
|
|
66
|
-
var PepDraggableItemModule = /** @class */ (function () {
|
|
67
|
-
function PepDraggableItemModule() {
|
|
68
|
-
}
|
|
69
|
-
return PepDraggableItemModule;
|
|
70
|
-
}());
|
|
71
|
-
PepDraggableItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
72
|
-
PepDraggableItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, declarations: [DraggableItemComponent], imports: [i2.CommonModule,
|
|
73
|
-
ngxLib.PepNgxLibModule,
|
|
74
|
-
i1.PepButtonModule,
|
|
75
|
-
dragDrop.DragDropModule], exports: [DraggableItemComponent] });
|
|
76
|
-
PepDraggableItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, imports: [[
|
|
77
|
-
i2.CommonModule,
|
|
78
|
-
ngxLib.PepNgxLibModule,
|
|
79
|
-
i1.PepButtonModule,
|
|
80
|
-
dragDrop.DragDropModule
|
|
81
|
-
]] });
|
|
82
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, decorators: [{
|
|
83
|
-
type: i0.NgModule,
|
|
84
|
-
args: [{
|
|
85
|
-
declarations: [
|
|
86
|
-
DraggableItemComponent
|
|
87
|
-
],
|
|
88
|
-
imports: [
|
|
89
|
-
i2.CommonModule,
|
|
90
|
-
ngxLib.PepNgxLibModule,
|
|
91
|
-
i1.PepButtonModule,
|
|
92
|
-
dragDrop.DragDropModule
|
|
93
|
-
],
|
|
94
|
-
exports: [DraggableItemComponent],
|
|
95
|
-
}]
|
|
96
|
-
}] });
|
|
97
|
-
|
|
98
|
-
/*
|
|
99
|
-
* Public API Surface of ngx-composite-lib/draggable-item
|
|
100
|
-
*/
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* Generated bundle index. Do not edit.
|
|
104
|
-
*/
|
|
105
|
-
|
|
106
|
-
exports.DraggableItemComponent = DraggableItemComponent;
|
|
107
|
-
exports.PepDraggableItemModule = PepDraggableItemModule;
|
|
108
|
-
|
|
109
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
110
|
-
|
|
111
|
-
}));
|
|
112
|
-
//# sourceMappingURL=pepperi-addons-ngx-composite-lib-draggable-item.umd.js.map
|
|
@@ -1 +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 PepDraggableItemModule { }\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;;;;6IAAa,sBAAsB;8IAAtB,sBAAsB,iBAV3B,sBAAsB,aAGtBC,eAAY;YACZC,sBAAe;YACfC,kBAAe;YACfC,uBAAc,aAER,sBAAsB;8IAEvB,sBAAsB,YARtB;gBACLH,eAAY;gBACZC,sBAAe;gBACfC,kBAAe;gBACfC,uBAAc;aACjB;qHAGQ,sBAAsB;sBAZlCC,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;;;;;;;;;;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class DraggableItemComponent implements OnInit {
|
|
4
|
-
_cursor: string;
|
|
5
|
-
title: string;
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
constructor();
|
|
8
|
-
ngOnInit(): void;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemComponent, "pep-draggable-item", never, { "title": "title"; "disabled": "disabled"; }, {}, never, ["[pep-actions]"]>;
|
|
11
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./draggable-item.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@pepperi-addons/ngx-lib";
|
|
5
|
-
import * as i4 from "@pepperi-addons/ngx-lib/button";
|
|
6
|
-
import * as i5 from "@angular/cdk/drag-drop";
|
|
7
|
-
export declare class PepDraggableItemModule {
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PepDraggableItemModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PepDraggableItemModule, [typeof i1.DraggableItemComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepButtonModule, typeof i5.DragDropModule], [typeof i1.DraggableItemComponent]>;
|
|
10
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PepDraggableItemModule>;
|
|
11
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"peerDependencies": {
|
|
3
|
-
"@pepperi-addons/ngx-lib": "^0.2.56"
|
|
4
|
-
},
|
|
5
|
-
"main": "../bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js",
|
|
6
|
-
"module": "../fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js",
|
|
7
|
-
"es2015": "../fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js",
|
|
8
|
-
"esm2015": "../esm2015/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.js",
|
|
9
|
-
"fesm2015": "../fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js",
|
|
10
|
-
"typings": "pepperi-addons-ngx-composite-lib-draggable-item.d.ts",
|
|
11
|
-
"sideEffects": false,
|
|
12
|
-
"name": "@pepperi-addons/ngx-composite-lib/draggable-item"
|
|
13
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@pepperi-addons/ngx-lib/button";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
export class DraggableItemComponent {
|
|
6
|
-
// private _isDraggable = false;
|
|
7
|
-
// @Input()
|
|
8
|
-
// set isDraggable(value: boolean) {
|
|
9
|
-
// this._isDraggable = value;
|
|
10
|
-
// this._cursor = value ? 'move' : 'inherit'
|
|
11
|
-
// }
|
|
12
|
-
// get isDraggable(): boolean {
|
|
13
|
-
// return this._isDraggable;
|
|
14
|
-
// }
|
|
15
|
-
constructor() {
|
|
16
|
-
this._cursor = 'move';
|
|
17
|
-
this.title = '';
|
|
18
|
-
this.disabled = false;
|
|
19
|
-
}
|
|
20
|
-
ngOnInit() {
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
DraggableItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
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%))}.draggable-item-container .title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.draggable-item-container .title-container .title{display:block}.draggable-item-container .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"] }] });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{
|
|
28
|
-
selector: 'pep-draggable-item',
|
|
29
|
-
templateUrl: './draggable-item.component.html',
|
|
30
|
-
styleUrls: ['./draggable-item.component.scss']
|
|
31
|
-
}]
|
|
32
|
-
}], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
|
|
33
|
-
type: HostBinding,
|
|
34
|
-
args: ['style.cursor']
|
|
35
|
-
}], title: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], disabled: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsV0FBVyxFQUFFLEtBQUssRUFBa0IsTUFBTSxlQUFlLENBQUM7Ozs7QUFPNUYsTUFBTSxPQUFPLHNCQUFzQjtJQVEvQixnQ0FBZ0M7SUFDaEMsV0FBVztJQUNYLG9DQUFvQztJQUNwQyxpQ0FBaUM7SUFFakMsZ0RBQWdEO0lBQ2hELElBQUk7SUFDSiwrQkFBK0I7SUFDL0IsZ0NBQWdDO0lBQ2hDLElBQUk7SUFFSjtRQWpCNkIsWUFBTyxHQUFHLE1BQU0sQ0FBQztRQUVyQyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsYUFBUSxHQUFHLEtBQUssQ0FBQztJQWFWLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O21IQXRCUSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzS0NQbkMseWVBVU07MkZESE8sc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO2lCQUNqRDswRUFHZ0MsT0FBTztzQkFBbkMsV0FBVzt1QkFBQyxjQUFjO2dCQUVsQixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWRyYWdnYWJsZS1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyYWdnYWJsZS1pdGVtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHJhZ2dhYmxlSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLmN1cnNvcicpIF9jdXJzb3IgPSAnbW92ZSc7XG5cbiAgICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICAgIFxuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvLyBwcml2YXRlIF9pc0RyYWdnYWJsZSA9IGZhbHNlO1xuICAgIC8vIEBJbnB1dCgpXG4gICAgLy8gc2V0IGlzRHJhZ2dhYmxlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgLy8gICAgIHRoaXMuX2lzRHJhZ2dhYmxlID0gdmFsdWU7XG5cbiAgICAvLyAgICAgdGhpcy5fY3Vyc29yID0gdmFsdWUgPyAnbW92ZScgOiAnaW5oZXJpdCdcbiAgICAvLyB9XG4gICAgLy8gZ2V0IGlzRHJhZ2dhYmxlKCk6IGJvb2xlYW4ge1xuICAgIC8vICAgICByZXR1cm4gdGhpcy5faXNEcmFnZ2FibGU7XG4gICAgLy8gfVxuXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkcmFnZ2FibGUtaXRlbS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7ICdkaXNhYmxlZCc6IGRpc2FibGVkIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgIDxwZXAtYnV0dG9uIGNsYXNzTmFtZXM9XCJsb2NrLWV2ZW50c1wiIHNpemVUeXBlPVwieHNcIiBpY29uTmFtZT1cInN5c3RlbV9tb3ZlXCI+PC9wZXAtYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJ0aXRsZSAhPT0gJydcIiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImJvZHktc20gYm9sZCBlbGxpcHNpcyB0aXRsZVwiIHRpdGxlPVwie3t0aXRsZX19XCI+e3t0aXRsZX19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwZXAtYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
|
|
4
|
-
import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
|
|
5
|
-
import { DragDropModule } from '@angular/cdk/drag-drop';
|
|
6
|
-
import { DraggableItemComponent } from './draggable-item.component';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export class PepDraggableItemModule {
|
|
9
|
-
}
|
|
10
|
-
PepDraggableItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11
|
-
PepDraggableItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, declarations: [DraggableItemComponent], imports: [CommonModule,
|
|
12
|
-
PepNgxLibModule,
|
|
13
|
-
PepButtonModule,
|
|
14
|
-
DragDropModule], exports: [DraggableItemComponent] });
|
|
15
|
-
PepDraggableItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, imports: [[
|
|
16
|
-
CommonModule,
|
|
17
|
-
PepNgxLibModule,
|
|
18
|
-
PepButtonModule,
|
|
19
|
-
DragDropModule
|
|
20
|
-
]] });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, decorators: [{
|
|
22
|
-
type: NgModule,
|
|
23
|
-
args: [{
|
|
24
|
-
declarations: [
|
|
25
|
-
DraggableItemComponent
|
|
26
|
-
],
|
|
27
|
-
imports: [
|
|
28
|
-
CommonModule,
|
|
29
|
-
PepNgxLibModule,
|
|
30
|
-
PepButtonModule,
|
|
31
|
-
DragDropModule
|
|
32
|
-
],
|
|
33
|
-
exports: [DraggableItemComponent],
|
|
34
|
-
}]
|
|
35
|
-
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWl0ZW0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFakUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXhELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQWNwRSxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBVjNCLHNCQUFzQixhQUd0QixZQUFZO1FBQ1osZUFBZTtRQUNmLGVBQWU7UUFDZixjQUFjLGFBRVIsc0JBQXNCO29IQUV2QixzQkFBc0IsWUFSdEI7WUFDTCxZQUFZO1lBQ1osZUFBZTtZQUNmLGVBQWU7WUFDZixjQUFjO1NBQ2pCOzJGQUdRLHNCQUFzQjtrQkFabEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1Ysc0JBQXNCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsY0FBYztxQkFDakI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQZXBOZ3hMaWJNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBQZXBCdXR0b25Nb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9idXR0b24nO1xuXG5pbXBvcnQgeyBEcmFnRHJvcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuXG5pbXBvcnQgeyBEcmFnZ2FibGVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9kcmFnZ2FibGUtaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBEcmFnZ2FibGVJdGVtQ29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgUGVwTmd4TGliTW9kdWxlLFxuICAgICAgICBQZXBCdXR0b25Nb2R1bGUsXG4gICAgICAgIERyYWdEcm9wTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbRHJhZ2dhYmxlSXRlbUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBlcERyYWdnYWJsZUl0ZW1Nb2R1bGUgeyB9XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItZHJhZ2dhYmxlLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9kcmFnZ2FibGUtaXRlbS9wZXBwZXJpLWFkZG9ucy1uZ3gtY29tcG9zaXRlLWxpYi1kcmFnZ2FibGUtaXRlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of ngx-composite-lib/draggable-item
|
|
3
|
-
*/
|
|
4
|
-
export * from './draggable-item.module';
|
|
5
|
-
export * from './draggable-item.component';
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2RyYWdnYWJsZS1pdGVtL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1jb21wb3NpdGUtbGliL2RyYWdnYWJsZS1pdGVtXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vZHJhZ2dhYmxlLWl0ZW0ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, HostBinding, Input, NgModule } from '@angular/core';
|
|
3
|
-
import * as i2 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
|
|
6
|
-
import * as i1 from '@pepperi-addons/ngx-lib/button';
|
|
7
|
-
import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
|
|
8
|
-
import { DragDropModule } from '@angular/cdk/drag-drop';
|
|
9
|
-
|
|
10
|
-
class DraggableItemComponent {
|
|
11
|
-
// private _isDraggable = false;
|
|
12
|
-
// @Input()
|
|
13
|
-
// set isDraggable(value: boolean) {
|
|
14
|
-
// this._isDraggable = value;
|
|
15
|
-
// this._cursor = value ? 'move' : 'inherit'
|
|
16
|
-
// }
|
|
17
|
-
// get isDraggable(): boolean {
|
|
18
|
-
// return this._isDraggable;
|
|
19
|
-
// }
|
|
20
|
-
constructor() {
|
|
21
|
-
this._cursor = 'move';
|
|
22
|
-
this.title = '';
|
|
23
|
-
this.disabled = false;
|
|
24
|
-
}
|
|
25
|
-
ngOnInit() {
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
DraggableItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
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%))}.draggable-item-container .title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.draggable-item-container .title-container .title{display:block}.draggable-item-container .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"] }] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DraggableItemComponent, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
args: [{
|
|
33
|
-
selector: 'pep-draggable-item',
|
|
34
|
-
templateUrl: './draggable-item.component.html',
|
|
35
|
-
styleUrls: ['./draggable-item.component.scss']
|
|
36
|
-
}]
|
|
37
|
-
}], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
|
|
38
|
-
type: HostBinding,
|
|
39
|
-
args: ['style.cursor']
|
|
40
|
-
}], title: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], disabled: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}] } });
|
|
45
|
-
|
|
46
|
-
class PepDraggableItemModule {
|
|
47
|
-
}
|
|
48
|
-
PepDraggableItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
49
|
-
PepDraggableItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, declarations: [DraggableItemComponent], imports: [CommonModule,
|
|
50
|
-
PepNgxLibModule,
|
|
51
|
-
PepButtonModule,
|
|
52
|
-
DragDropModule], exports: [DraggableItemComponent] });
|
|
53
|
-
PepDraggableItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, imports: [[
|
|
54
|
-
CommonModule,
|
|
55
|
-
PepNgxLibModule,
|
|
56
|
-
PepButtonModule,
|
|
57
|
-
DragDropModule
|
|
58
|
-
]] });
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDraggableItemModule, decorators: [{
|
|
60
|
-
type: NgModule,
|
|
61
|
-
args: [{
|
|
62
|
-
declarations: [
|
|
63
|
-
DraggableItemComponent
|
|
64
|
-
],
|
|
65
|
-
imports: [
|
|
66
|
-
CommonModule,
|
|
67
|
-
PepNgxLibModule,
|
|
68
|
-
PepButtonModule,
|
|
69
|
-
DragDropModule
|
|
70
|
-
],
|
|
71
|
-
exports: [DraggableItemComponent],
|
|
72
|
-
}]
|
|
73
|
-
}] });
|
|
74
|
-
|
|
75
|
-
/*
|
|
76
|
-
* Public API Surface of ngx-composite-lib/draggable-item
|
|
77
|
-
*/
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Generated bundle index. Do not edit.
|
|
81
|
-
*/
|
|
82
|
-
|
|
83
|
-
export { DraggableItemComponent, PepDraggableItemModule };
|
|
84
|
-
//# sourceMappingURL=pepperi-addons-ngx-composite-lib-draggable-item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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 PepDraggableItemModule { }\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,sBAAsB;;mHAAtB,sBAAsB;oHAAtB,sBAAsB,iBAV3B,sBAAsB,aAGtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,cAAc,aAER,sBAAsB;oHAEvB,sBAAsB,YARtB;YACL,YAAY;YACZ,eAAe;YACf,eAAe;YACf,cAAc;SACjB;2FAGQ,sBAAsB;kBAZlC,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;;;;;;"}
|