@eqproject/eqp-dynamic-module 1.0.7 → 1.0.8
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/esm2020/lib/components/private/add-formula-field/add-formula-field.component.mjs +11 -8
- package/fesm2015/eqproject-eqp-dynamic-module.mjs +10 -7
- package/fesm2015/eqproject-eqp-dynamic-module.mjs.map +1 -1
- package/fesm2020/eqproject-eqp-dynamic-module.mjs +10 -7
- package/fesm2020/eqproject-eqp-dynamic-module.mjs.map +1 -1
- package/lib/components/private/add-formula-field/add-formula-field.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2554,15 +2554,19 @@ class AddFormulaComponent {
|
|
|
2554
2554
|
this.data = data;
|
|
2555
2555
|
this.dialogRef = dialogRef;
|
|
2556
2556
|
this.caretPosition = 0;
|
|
2557
|
+
this.fieldNull = true;
|
|
2557
2558
|
this.formula = new Formula('0');
|
|
2558
|
-
this.fieldsNotNull = true;
|
|
2559
2559
|
this.stringaFormula = "";
|
|
2560
2560
|
this.Fields = [];
|
|
2561
2561
|
}
|
|
2562
2562
|
ngOnInit() {
|
|
2563
2563
|
this.Fields = this.data.fields;
|
|
2564
|
-
if (this.
|
|
2565
|
-
this.
|
|
2564
|
+
if (this.Fields.length == 0) {
|
|
2565
|
+
this.fieldNull = true;
|
|
2566
|
+
}
|
|
2567
|
+
else {
|
|
2568
|
+
this.fieldNull = false;
|
|
2569
|
+
}
|
|
2566
2570
|
if (this.data.formula != undefined)
|
|
2567
2571
|
this.stringaFormula = this.data.formula.toString();
|
|
2568
2572
|
}
|
|
@@ -2650,7 +2654,6 @@ class AddFormulaComponent {
|
|
|
2650
2654
|
dragend_handler(event) {
|
|
2651
2655
|
event.target.preview.parentNode.removeChild(event.target.preview);
|
|
2652
2656
|
var data = event.dataTransfer.getData("Text");
|
|
2653
|
-
console.log(data);
|
|
2654
2657
|
}
|
|
2655
2658
|
dragenter_handler(event) {
|
|
2656
2659
|
if (event.target.className == "droptarget") {
|
|
@@ -2671,7 +2674,7 @@ class AddFormulaComponent {
|
|
|
2671
2674
|
preview.style.cssText = `position: absolute; top: -100%; left: -100%; width: ${event.target.offsetWidth}px; `;
|
|
2672
2675
|
document.body.appendChild(preview);
|
|
2673
2676
|
event.dataTransfer.setDragImage(preview, 0, 0);
|
|
2674
|
-
event.dataTransfer.setData('text/plain', event.target.dataset.dragData);
|
|
2677
|
+
event.dataTransfer.setData('text/plain', "rec." + event.target.dataset.dragData);
|
|
2675
2678
|
}
|
|
2676
2679
|
drop_handler(event) {
|
|
2677
2680
|
event.preventDefault();
|
|
@@ -2749,10 +2752,10 @@ class AddFormulaComponent {
|
|
|
2749
2752
|
}
|
|
2750
2753
|
}
|
|
2751
2754
|
AddFormulaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AddFormulaComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2752
|
-
AddFormulaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: AddFormulaComponent, selector: "eqp-dynamic-module-add-formula-component", viewQueries: [{ propertyName: "formulaTextArea", first: true, predicate: ["formula"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-9\">\r\n <div class=\"row\">\r\n <div class=\"col-12 pt-2\">\r\n <div class=\"p-1\">\r\n <textarea name=\"formula\" #formula type=\"textarea\" id=\"formula\" rows=\"10\"\r\n style=\"width: 100%\" class=\"droptarget\"\r\n (click)=\"lostFocus(formula)\" (keyup)=\"lostFocus(formula)\"\r\n (blur)=\"lostFocus(formula)\"\r\n [(ngModel)]=\"stringaFormula\"></textarea>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"p-1 form-group\">\r\n <form method=\"POST\" class=\"alert alert-secondary\">\r\n <div class=\"w-100\">\r\n <div class=\"row pt-2\">\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('/100')\">%</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-danger\"\r\n (click)=\"clear()\">C</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('/')\">÷</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,2)')\">x<sup>2</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,3)')\">x<sup>3</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore , potenza )')\">x<sup>y</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber(' * 3.14 ')\">ℼ</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('7')\">7</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('8')\">8</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('9')\">9</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('*')\">×</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sqrt( valore )')\"><sup>2</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( radice , 1/ valore )')\"><sup>y</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log( valore )')\">ln</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log10( valore )')\">log</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('4')\">4</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('5')\">5</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('6')\">6</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('-')\">−</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sin( valore )')\">sin</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.cos( valore )')\">cos</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.tan( valore )')\">tan</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('* 2.718281828459045')\">e</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('1')\">1</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('2')\">2</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('3')\">3</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('+')\">+</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('00')\">00</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('0')\">0</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('.')\">,</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-primary\"\r\n (click)=\"save()\">Salva</button>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-3 p-2\">\r\n <div [hidden]=\"fieldsNotNull\" cdkDropList cdkDropListOrientation=\"vertical\"\r\n class=\"example-list\">\r\n <div class=\"example-box\" draggable=\"true\" (drag)=\"drag_handler($event)\"\r\n (dragend)=\"dragend_handler($event)\" (dragenter)=\"dragenter_handler($event)\"\r\n (dragleave)=\"dragleave_handler($event)\" (dragover)=\"dragover_handler($event)\"\r\n (dragstart)=\"dragstart_handler($event)\" (drop)=\"drop_handler($event)\"\r\n [attr.data-drag-data]=\"field.Label\" *ngFor=\"let field of Fields\" cdkDrag>\r\n {{field.Label}}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".col,.col-2,.col-12{padding-left:5px;padding-right:5px}.btn-xl{font-size:1.5rem;line-height:.9}.btn-sm{border-radius:0}@media (min-width: 420px){.d-lt-none{display:none!important}.d-lt-inline{display:inline!important}.d-lt-inline-block{display:inline-block!important}.d-lt-block{display:block!important}.d-lt-table{display:table!important}.d-lt-table-row{display:table-row!important}.d-lt-table-cell{display:table-cell!important}.d-lt-flex{display:flex!important}.d-lt-inline-flex{display:inline-flex!important}.mycol-2{flex:0 0 20%;max-width:20%}}.preview{padding:20px 10px;border-right:solid 1px #ccc;color:#ff0000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background-color:#0ff;font-size:14px;flex-grow:1;flex-basis:0}.example-box{padding:20px 10px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background:white;font-size:14px;flex-grow:1;flex-basis:0}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list{min-width:100%;max-width:100%;border:solid 1px #ccc;min-height:60px;background:white;border-radius:4px;overflow:hidden}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-custom-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder{opacity:0}.droptarget{float:left;margin:15px 100px 15px 15px;padding:10px;border:1px solid #aaaaaa}.blink{animation:blink-animation .4s steps(5,start) infinite;-webkit-animation:blink-animation .4s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.categories-item-drag{color:red!important;text-align:center;position:relative;line-height:2rem;padding:-.5rem}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2755
|
+
AddFormulaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: AddFormulaComponent, selector: "eqp-dynamic-module-add-formula-component", viewQueries: [{ propertyName: "formulaTextArea", first: true, predicate: ["formula"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-9\">\r\n <div class=\"row\">\r\n <div class=\"col-12 pt-2\">\r\n <div class=\"p-1\">\r\n <textarea name=\"formula\" #formula type=\"textarea\" id=\"formula\" rows=\"10\"\r\n style=\"width: 100%\" class=\"droptarget\"\r\n (click)=\"lostFocus(formula)\" (keyup)=\"lostFocus(formula)\"\r\n (blur)=\"lostFocus(formula)\"\r\n [(ngModel)]=\"stringaFormula\"></textarea>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"p-1 form-group\">\r\n <form method=\"POST\" class=\"alert alert-secondary\">\r\n <div class=\"w-100\">\r\n <div class=\"row pt-2\">\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('/100')\">%</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-danger\"\r\n (click)=\"clear()\">C</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('/')\">÷</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,2)')\">x<sup>2</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,3)')\">x<sup>3</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore , potenza )')\">x<sup>y</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber(' * 3.14 ')\">ℼ</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('7')\">7</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('8')\">8</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('9')\">9</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('*')\">×</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sqrt( valore )')\"><sup>2</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( radice , 1/ valore )')\"><sup>y</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log( valore )')\">ln</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log10( valore )')\">log</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('4')\">4</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('5')\">5</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('6')\">6</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('-')\">−</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sin( valore )')\">sin</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.cos( valore )')\">cos</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.tan( valore )')\">tan</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('* 2.718281828459045')\">e</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('1')\">1</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('2')\">2</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('3')\">3</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('+')\">+</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('00')\">00</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('0')\">0</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('.')\">,</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-primary\"\r\n (click)=\"save()\">Salva</button>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-3 p-2\">\r\n <div [hidden]=\"fieldNull\" cdkDropList cdkDropListOrientation=\"vertical\"\r\n class=\"example-list\">\r\n <div class=\"example-box\" draggable=\"true\" (drag)=\"drag_handler($event)\"\r\n (dragend)=\"dragend_handler($event)\" (dragenter)=\"dragenter_handler($event)\"\r\n (dragleave)=\"dragleave_handler($event)\" (dragover)=\"dragover_handler($event)\"\r\n (dragstart)=\"dragstart_handler($event)\" (drop)=\"drop_handler($event)\"\r\n [attr.data-drag-data]=\"field.Label\" *ngFor=\"let field of Fields\" cdkDrag>\r\n {{field.Label}}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".col,.col-2,.col-12{padding-left:5px;padding-right:5px}.btn-xl{font-size:1.5rem;line-height:.9}.btn-sm{border-radius:0}@media (min-width: 420px){.d-lt-none{display:none!important}.d-lt-inline{display:inline!important}.d-lt-inline-block{display:inline-block!important}.d-lt-block{display:block!important}.d-lt-table{display:table!important}.d-lt-table-row{display:table-row!important}.d-lt-table-cell{display:table-cell!important}.d-lt-flex{display:flex!important}.d-lt-inline-flex{display:inline-flex!important}.mycol-2{flex:0 0 20%;max-width:20%}}.preview{padding:20px 10px;border-right:solid 1px #ccc;color:#ff0000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background-color:#0ff;font-size:14px;flex-grow:1;flex-basis:0}.example-box{padding:20px 10px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background:white;font-size:14px;flex-grow:1;flex-basis:0}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list{min-width:100%;max-width:100%;border:solid 1px #ccc;min-height:60px;background:white;border-radius:4px;overflow:hidden}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-custom-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder{opacity:0}.droptarget{float:left;margin:15px 100px 15px 15px;padding:10px;border:1px solid #aaaaaa}.blink{animation:blink-animation .4s steps(5,start) infinite;-webkit-animation:blink-animation .4s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.categories-item-drag{color:red!important;text-align:center;position:relative;line-height:2rem;padding:-.5rem}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2753
2756
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AddFormulaComponent, decorators: [{
|
|
2754
2757
|
type: Component,
|
|
2755
|
-
args: [{ selector: 'eqp-dynamic-module-add-formula-component', template: "<div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-9\">\r\n <div class=\"row\">\r\n <div class=\"col-12 pt-2\">\r\n <div class=\"p-1\">\r\n <textarea name=\"formula\" #formula type=\"textarea\" id=\"formula\" rows=\"10\"\r\n style=\"width: 100%\" class=\"droptarget\"\r\n (click)=\"lostFocus(formula)\" (keyup)=\"lostFocus(formula)\"\r\n (blur)=\"lostFocus(formula)\"\r\n [(ngModel)]=\"stringaFormula\"></textarea>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"p-1 form-group\">\r\n <form method=\"POST\" class=\"alert alert-secondary\">\r\n <div class=\"w-100\">\r\n <div class=\"row pt-2\">\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('/100')\">%</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-danger\"\r\n (click)=\"clear()\">C</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('/')\">÷</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,2)')\">x<sup>2</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,3)')\">x<sup>3</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore , potenza )')\">x<sup>y</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber(' * 3.14 ')\">ℼ</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('7')\">7</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('8')\">8</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('9')\">9</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('*')\">×</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sqrt( valore )')\"><sup>2</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( radice , 1/ valore )')\"><sup>y</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log( valore )')\">ln</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log10( valore )')\">log</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('4')\">4</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('5')\">5</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('6')\">6</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('-')\">−</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sin( valore )')\">sin</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.cos( valore )')\">cos</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.tan( valore )')\">tan</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('* 2.718281828459045')\">e</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('1')\">1</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('2')\">2</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('3')\">3</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('+')\">+</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('00')\">00</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('0')\">0</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('.')\">,</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-primary\"\r\n (click)=\"save()\">Salva</button>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-3 p-2\">\r\n <div [hidden]=\"fieldsNotNull\" cdkDropList cdkDropListOrientation=\"vertical\"\r\n class=\"example-list\">\r\n <div class=\"example-box\" draggable=\"true\" (drag)=\"drag_handler($event)\"\r\n (dragend)=\"dragend_handler($event)\" (dragenter)=\"dragenter_handler($event)\"\r\n (dragleave)=\"dragleave_handler($event)\" (dragover)=\"dragover_handler($event)\"\r\n (dragstart)=\"dragstart_handler($event)\" (drop)=\"drop_handler($event)\"\r\n [attr.data-drag-data]=\"field.Label\" *ngFor=\"let field of Fields\" cdkDrag>\r\n {{field.Label}}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".col,.col-2,.col-12{padding-left:5px;padding-right:5px}.btn-xl{font-size:1.5rem;line-height:.9}.btn-sm{border-radius:0}@media (min-width: 420px){.d-lt-none{display:none!important}.d-lt-inline{display:inline!important}.d-lt-inline-block{display:inline-block!important}.d-lt-block{display:block!important}.d-lt-table{display:table!important}.d-lt-table-row{display:table-row!important}.d-lt-table-cell{display:table-cell!important}.d-lt-flex{display:flex!important}.d-lt-inline-flex{display:inline-flex!important}.mycol-2{flex:0 0 20%;max-width:20%}}.preview{padding:20px 10px;border-right:solid 1px #ccc;color:#ff0000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background-color:#0ff;font-size:14px;flex-grow:1;flex-basis:0}.example-box{padding:20px 10px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background:white;font-size:14px;flex-grow:1;flex-basis:0}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list{min-width:100%;max-width:100%;border:solid 1px #ccc;min-height:60px;background:white;border-radius:4px;overflow:hidden}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-custom-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder{opacity:0}.droptarget{float:left;margin:15px 100px 15px 15px;padding:10px;border:1px solid #aaaaaa}.blink{animation:blink-animation .4s steps(5,start) infinite;-webkit-animation:blink-animation .4s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.categories-item-drag{color:red!important;text-align:center;position:relative;line-height:2rem;padding:-.5rem}\n"] }]
|
|
2758
|
+
args: [{ selector: 'eqp-dynamic-module-add-formula-component', template: "<div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-9\">\r\n <div class=\"row\">\r\n <div class=\"col-12 pt-2\">\r\n <div class=\"p-1\">\r\n <textarea name=\"formula\" #formula type=\"textarea\" id=\"formula\" rows=\"10\"\r\n style=\"width: 100%\" class=\"droptarget\"\r\n (click)=\"lostFocus(formula)\" (keyup)=\"lostFocus(formula)\"\r\n (blur)=\"lostFocus(formula)\"\r\n [(ngModel)]=\"stringaFormula\"></textarea>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"p-1 form-group\">\r\n <form method=\"POST\" class=\"alert alert-secondary\">\r\n <div class=\"w-100\">\r\n <div class=\"row pt-2\">\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('/100')\">%</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-danger\"\r\n (click)=\"clear()\">C</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('/')\">÷</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,2)')\">x<sup>2</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore ,3)')\">x<sup>3</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( valore , potenza )')\">x<sup>y</sup></button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber(' * 3.14 ')\">ℼ</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('7')\">7</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('8')\">8</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('9')\">9</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('*')\">×</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sqrt( valore )')\"><sup>2</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.pow( radice , 1/ valore )')\"><sup>y</sup>√x</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log( valore )')\">ln</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.log10( valore )')\">log</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('4')\">4</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('5')\">5</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('6')\">6</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('-')\">−</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.sin( valore )')\">sin</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.cos( valore )')\">cos</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addSymbol('Math.tan( valore )')\">tan</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-secondary\"\r\n (click)=\"addNumber('* 2.718281828459045')\">e</button>\r\n </div>\r\n\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('1')\">1</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('2')\">2</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('3')\">3</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-xl btn-info\"\r\n (click)=\"addNumber('+')\">+</button>\r\n </div>\r\n </div>\r\n <div class=\"row pt-2\">\r\n <div class=\"col d-lt-flex\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col\"></div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('00')\">00</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('0')\">0</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-success\"\r\n (click)=\"addNumber('.')\">,</button>\r\n </div>\r\n <div class=\"col d-lt-flex\"><button\r\n class=\"form-control btn btn-sm btn-primary\"\r\n (click)=\"save()\">Salva</button>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-3 p-2\">\r\n <div [hidden]=\"fieldNull\" cdkDropList cdkDropListOrientation=\"vertical\"\r\n class=\"example-list\">\r\n <div class=\"example-box\" draggable=\"true\" (drag)=\"drag_handler($event)\"\r\n (dragend)=\"dragend_handler($event)\" (dragenter)=\"dragenter_handler($event)\"\r\n (dragleave)=\"dragleave_handler($event)\" (dragover)=\"dragover_handler($event)\"\r\n (dragstart)=\"dragstart_handler($event)\" (drop)=\"drop_handler($event)\"\r\n [attr.data-drag-data]=\"field.Label\" *ngFor=\"let field of Fields\" cdkDrag>\r\n {{field.Label}}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".col,.col-2,.col-12{padding-left:5px;padding-right:5px}.btn-xl{font-size:1.5rem;line-height:.9}.btn-sm{border-radius:0}@media (min-width: 420px){.d-lt-none{display:none!important}.d-lt-inline{display:inline!important}.d-lt-inline-block{display:inline-block!important}.d-lt-block{display:block!important}.d-lt-table{display:table!important}.d-lt-table-row{display:table-row!important}.d-lt-table-cell{display:table-cell!important}.d-lt-flex{display:flex!important}.d-lt-inline-flex{display:inline-flex!important}.mycol-2{flex:0 0 20%;max-width:20%}}.preview{padding:20px 10px;border-right:solid 1px #ccc;color:#ff0000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background-color:#0ff;font-size:14px;flex-grow:1;flex-basis:0}.example-box{padding:20px 10px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;text-align:center;cursor:move;background:white;font-size:14px;flex-grow:1;flex-basis:0}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list{min-width:100%;max-width:100%;border:solid 1px #ccc;min-height:60px;background:white;border-radius:4px;overflow:hidden}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-custom-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder{opacity:0}.droptarget{float:left;margin:15px 100px 15px 15px;padding:10px;border:1px solid #aaaaaa}.blink{animation:blink-animation .4s steps(5,start) infinite;-webkit-animation:blink-animation .4s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.categories-item-drag{color:red!important;text-align:center;position:relative;line-height:2rem;padding:-.5rem}\n"] }]
|
|
2756
2759
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
2757
2760
|
type: Inject,
|
|
2758
2761
|
args: [MAT_DIALOG_DATA]
|