@pepperi-addons/ngx-composite-lib 0.0.10-beta.1 → 0.0.10-beta.6
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 +122 -122
- package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js +71 -71
- package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js +535 -535
- package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js +173 -173
- package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js +117 -117
- package/bundles/pepperi-addons-ngx-composite-lib.umd.js +72 -29
- 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/pepperi-addons-ngx-composite-lib-color-settings.d.ts +5 -5
- package/color-settings/public-api.d.ts +3 -3
- package/core/common/index.d.ts +1 -0
- package/core/common/public-api.d.ts +1 -0
- package/core/common/services/index.d.ts +1 -0
- package/core/common/services/public-api.d.ts +1 -0
- package/core/common/services/utilities.service.d.ts +6 -0
- package/core/index.d.ts +1 -0
- package/core/public-api.d.ts +1 -0
- package/draggable-item/draggable-item.component.d.ts +11 -11
- package/draggable-item/draggable-item.module.d.ts +11 -11
- package/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.d.ts +5 -5
- package/draggable-item/public-api.d.ts +2 -2
- package/esm2015/color-settings/color-settings.component.js +80 -80
- package/esm2015/color-settings/color-settings.model.js +8 -8
- 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/index.js +5 -0
- package/esm2015/core/common/public-api.js +5 -0
- package/esm2015/core/common/services/index.js +5 -0
- package/esm2015/core/common/services/public-api.js +5 -0
- package/esm2015/core/common/services/utilities.service.js +19 -0
- package/esm2015/core/index.js +5 -0
- package/esm2015/core/public-api.js +5 -0
- package/esm2015/draggable-item/draggable-item.component.js +39 -39
- package/esm2015/draggable-item/draggable-item.module.js +36 -36
- package/esm2015/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.js +4 -4
- package/esm2015/draggable-item/public-api.js +5 -5
- package/esm2015/generic-list/generic-list.component.js +163 -163
- package/esm2015/generic-list/generic-list.model.js +1 -1
- package/esm2015/generic-list/generic-list.module.js +51 -51
- package/esm2015/generic-list/pepperi-addons-ngx-composite-lib-generic-list.js +4 -4
- package/esm2015/generic-list/public-api.js +6 -6
- package/esm2015/group-buttons-settings/group-buttons-settings.component.js +131 -131
- 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 +25 -25
- package/esm2015/pepperi-addons-ngx-composite-lib.js +4 -4
- package/esm2015/public-api.js +6 -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 +7 -7
- package/esm2015/shadow-settings/shadow-settings.module.js +43 -43
- package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js +112 -112
- package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js +66 -66
- package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js +192 -192
- package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js +164 -164
- package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js +107 -107
- package/fesm2015/pepperi-addons-ngx-composite-lib.js +70 -29
- package/fesm2015/pepperi-addons-ngx-composite-lib.js.map +1 -1
- package/generic-list/generic-list.component.d.ts +45 -45
- package/generic-list/generic-list.model.d.ts +11 -11
- package/generic-list/generic-list.module.d.ts +15 -15
- package/generic-list/pepperi-addons-ngx-composite-lib-generic-list.d.ts +5 -5
- package/generic-list/public-api.d.ts +3 -3
- package/group-buttons-settings/group-buttons-settings.component.d.ts +32 -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/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 +6 -6
- package/package.json +1 -1
- package/pepperi-addons-ngx-composite-lib.d.ts +5 -5
- package/public-api.d.ts +2 -1
- 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/core/style/abstracts/functions.scss +0 -0
- package/src/core/style/abstracts/mixins.scss +0 -0
- package/src/core/style/abstracts/variables.scss +5 -0
- package/src/core/style/base/helpers.scss +0 -0
- package/src/core/style/components/general.scss +37 -0
- package/styles.scss +11 -35
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
5
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItY29sb3Itc2V0dGluZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9jb2xvci1zZXR0aW5ncy9wZXBwZXJpLWFkZG9ucy1uZ3gtY29tcG9zaXRlLWxpYi1jb2xvci1zZXR0aW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of ngx-composite-lib/color-settings
|
|
3
|
-
*/
|
|
4
|
-
export * from './color-settings.module';
|
|
5
|
-
export * from './color-settings.component';
|
|
6
|
-
export * from './color-settings.model';
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of ngx-composite-lib/color-settings
|
|
3
|
+
*/
|
|
4
|
+
export * from './color-settings.module';
|
|
5
|
+
export * from './color-settings.component';
|
|
6
|
+
export * from './color-settings.model';
|
|
7
7
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2NvbG9yLXNldHRpbmdzL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3NcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvci1zZXR0aW5ncy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvci1zZXR0aW5ncy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvci1zZXR0aW5ncy5tb2RlbCc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* export from ngx-composite-lib/core/common
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zcmMvY29yZS9jb21tb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBleHBvcnQgZnJvbSBuZ3gtY29tcG9zaXRlLWxpYi9jb3JlL2NvbW1vblxuICovXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of ngx-composite-lib/core/common
|
|
3
|
+
*/
|
|
4
|
+
export * from './services/index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NyYy9jb3JlL2NvbW1vbi9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWNvbXBvc2l0ZS1saWIvY29yZS9jb21tb25cbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9zZXJ2aWNlcy9pbmRleCc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* export from ngx-composite-lib/core/common/services
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zcmMvY29yZS9jb21tb24vc2VydmljZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBleHBvcnQgZnJvbSBuZ3gtY29tcG9zaXRlLWxpYi9jb3JlL2NvbW1vbi9zZXJ2aWNlc1xuICovXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of ngx-composite-lib/core/common/services
|
|
3
|
+
*/
|
|
4
|
+
export * from './utilities.service';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NyYy9jb3JlL2NvbW1vbi9zZXJ2aWNlcy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWNvbXBvc2l0ZS1saWIvY29yZS9jb21tb24vc2VydmljZXNcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi91dGlsaXRpZXMuc2VydmljZSc7XG4iXX0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/*
|
|
4
|
+
This service is for utillity usege.
|
|
5
|
+
*/
|
|
6
|
+
export class PepCompositeLibUtilitiesService {
|
|
7
|
+
constructor() {
|
|
8
|
+
//
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
PepCompositeLibUtilitiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
12
|
+
PepCompositeLibUtilitiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, decorators: [{
|
|
14
|
+
type: Injectable,
|
|
15
|
+
args: [{
|
|
16
|
+
providedIn: 'root',
|
|
17
|
+
}]
|
|
18
|
+
}], ctorParameters: function () { return []; } });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbGl0aWVzLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zcmMvY29yZS9jb21tb24vc2VydmljZXMvdXRpbGl0aWVzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFM0M7O0VBRUU7QUFJRixNQUFNLE9BQU8sK0JBQStCO0lBQ3hDO1FBS0ksRUFBRTtJQUNOLENBQUM7OzRIQVBRLCtCQUErQjtnSUFBL0IsK0JBQStCLGNBRjVCLE1BQU07MkZBRVQsK0JBQStCO2tCQUgzQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qXHJcbiAgICBUaGlzIHNlcnZpY2UgaXMgZm9yIHV0aWxsaXR5IHVzZWdlLlxyXG4qL1xyXG5ASW5qZWN0YWJsZSh7XHJcbiAgICBwcm92aWRlZEluOiAncm9vdCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQZXBDb21wb3NpdGVMaWJVdGlsaXRpZXNTZXJ2aWNlIHtcclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIC8vIHByaXZhdGUgc2Vzc2lvblNlcnZpY2U6IFBlcFNlc3Npb25TZXJ2aWNlLFxyXG4gICAgICAgIC8vIHByaXZhdGUgaHR0cFNlcnZpY2U6IFBlcEh0dHBTZXJ2aWNlLFxyXG4gICAgICAgIC8vIHByaXZhdGUgbG9hZGVyU2VydmljZTogUGVwTG9hZGVyU2VydmljZVxyXG4gICAgKSB7XHJcbiAgICAgICAgLy9cclxuICAgIH1cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* export from ngx-composite-lib/core
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zcmMvY29yZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIGV4cG9ydCBmcm9tIG5neC1jb21wb3NpdGUtbGliL2NvcmVcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of ngx-composite-lib/core
|
|
3
|
+
*/
|
|
4
|
+
export * from './common/index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NyYy9jb3JlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtY29tcG9zaXRlLWxpYi9jb3JlXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vY29tbW9uL2luZGV4JzsiXX0=
|
|
@@ -1,40 +1,40 @@
|
|
|
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}.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:
|
|
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
|
-
}] } });
|
|
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:get-pep-color(get-pepperi-theme(),color-regular,color-flat-r-40);box-shadow:get-pep-shadow(get-pepperi-theme(),shadow-xs,soft);border:1px solid get-pep-color(get-pepperi-theme(),color-regular,color-flat-r-20)}.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
40
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvZHJhZ2dhYmxlLWl0ZW0vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsV0FBVyxFQUFFLEtBQUssRUFBa0IsTUFBTSxlQUFlLENBQUM7Ozs7QUFPNUYsTUFBTSxPQUFPLHNCQUFzQjtJQVEvQixnQ0FBZ0M7SUFDaEMsV0FBVztJQUNYLG9DQUFvQztJQUNwQyxpQ0FBaUM7SUFFakMsZ0RBQWdEO0lBQ2hELElBQUk7SUFDSiwrQkFBK0I7SUFDL0IsZ0NBQWdDO0lBQ2hDLElBQUk7SUFFSjtRQWpCNkIsWUFBTyxHQUFHLE1BQU0sQ0FBQztRQUVyQyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsYUFBUSxHQUFHLEtBQUssQ0FBQztJQWFWLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O21IQXRCUSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzS0NQbkMseWVBVU07MkZESE8sc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO2lCQUNqRDswRUFHZ0MsT0FBTztzQkFBbkMsV0FBVzt1QkFBQyxjQUFjO2dCQUVsQixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWRyYWdnYWJsZS1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyYWdnYWJsZS1pdGVtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHJhZ2dhYmxlSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLmN1cnNvcicpIF9jdXJzb3IgPSAnbW92ZSc7XG5cbiAgICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICAgIFxuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICAvLyBwcml2YXRlIF9pc0RyYWdnYWJsZSA9IGZhbHNlO1xuICAgIC8vIEBJbnB1dCgpXG4gICAgLy8gc2V0IGlzRHJhZ2dhYmxlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgLy8gICAgIHRoaXMuX2lzRHJhZ2dhYmxlID0gdmFsdWU7XG5cbiAgICAvLyAgICAgdGhpcy5fY3Vyc29yID0gdmFsdWUgPyAnbW92ZScgOiAnaW5oZXJpdCdcbiAgICAvLyB9XG4gICAgLy8gZ2V0IGlzRHJhZ2dhYmxlKCk6IGJvb2xlYW4ge1xuICAgIC8vICAgICByZXR1cm4gdGhpcy5faXNEcmFnZ2FibGU7XG4gICAgLy8gfVxuXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkcmFnZ2FibGUtaXRlbS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7ICdkaXNhYmxlZCc6IGRpc2FibGVkIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgIDxwZXAtYnV0dG9uIGNsYXNzTmFtZXM9XCJsb2NrLWV2ZW50c1wiIHNpemVUeXBlPVwieHNcIiBpY29uTmFtZT1cInN5c3RlbV9tb3ZlXCI+PC9wZXAtYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJ0aXRsZSAhPT0gJydcIiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImJvZHktc20gYm9sZCBlbGxpcHNpcyB0aXRsZVwiIHRpdGxlPVwie3t0aXRsZX19XCI+e3t0aXRsZX19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwZXAtYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,36 +1,36 @@
|
|
|
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
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
PepNgxLibModule,
|
|
13
|
-
PepButtonModule,
|
|
14
|
-
DragDropModule], exports: [DraggableItemComponent] });
|
|
15
|
-
|
|
16
|
-
CommonModule,
|
|
17
|
-
PepNgxLibModule,
|
|
18
|
-
PepButtonModule,
|
|
19
|
-
DragDropModule
|
|
20
|
-
]] });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type:
|
|
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,
|
|
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 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
5
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItZHJhZ2dhYmxlLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9kcmFnZ2FibGUtaXRlbS9wZXBwZXJpLWFkZG9ucy1uZ3gtY29tcG9zaXRlLWxpYi1kcmFnZ2FibGUtaXRlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of ngx-composite-lib/draggable-item
|
|
3
|
-
*/
|
|
4
|
-
export * from './draggable-item.module';
|
|
5
|
-
export * from './draggable-item.component';
|
|
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
6
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2RyYWdnYWJsZS1pdGVtL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1jb21wb3NpdGUtbGliL2RyYWdnYWJsZS1pdGVtXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vZHJhZ2dhYmxlLWl0ZW0ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZHJhZ2dhYmxlLWl0ZW0uY29tcG9uZW50JztcbiJdfQ==
|