keevo-components 1.5.185 → 1.5.186
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/README.md +24 -24
- package/esm2020/keevo-components.mjs +4 -4
- package/esm2020/lib/api/base-components/base-component-button.mjs +36 -36
- package/esm2020/lib/api/base-components/base-component-chart.mjs +92 -92
- package/esm2020/lib/api/base-components/base-component-crud-form.mjs +269 -269
- package/esm2020/lib/api/base-components/base-component-crud-list.mjs +67 -67
- package/esm2020/lib/api/base-components/base-component-crud.mjs +65 -65
- package/esm2020/lib/api/base-components/base-component-dropdown-new.mjs +211 -211
- package/esm2020/lib/api/base-components/base-component-dropdown.mjs +161 -161
- package/esm2020/lib/api/base-components/base-component-input.mjs +94 -94
- package/esm2020/lib/api/base-components/base-component-multi-select.mjs +128 -128
- package/esm2020/lib/api/base-components/base-component.mjs +49 -49
- package/esm2020/lib/api/components/chart/chart.config.mjs +2 -2
- package/esm2020/lib/api/components/chart/chart.model.mjs +2 -2
- package/esm2020/lib/api/components/chart/orchart.config.mjs +2 -2
- package/esm2020/lib/api/components/chart/orchart.item.mjs +2 -2
- package/esm2020/lib/api/components/dropdown/filtro.combo.mjs +2 -2
- package/esm2020/lib/api/components/error/error.component.mjs +26 -26
- package/esm2020/lib/api/components/error/kverror.module.mjs +35 -35
- package/esm2020/lib/api/components/table/action-item.mjs +2 -2
- package/esm2020/lib/api/components/table/kv-menuitem.mjs +3 -3
- package/esm2020/lib/api/components/table/table.config.column.mjs +2 -2
- package/esm2020/lib/api/components/table/table.config.mjs +2 -2
- package/esm2020/lib/api/components/table/table.paginate.mjs +9 -9
- package/esm2020/lib/api/helpers/component-providers.mjs +16 -16
- package/esm2020/lib/api/helpers/keevo-validators.mjs +64 -64
- package/esm2020/lib/api/helpers/translate-primeng.mjs +23 -23
- package/esm2020/lib/api/models/menu/menu.model.mjs +2 -2
- package/esm2020/lib/api/models/menu/menucompleto.model.mjs +2 -2
- package/esm2020/lib/api/models/menu/sistemamenu.model.mjs +2 -2
- package/esm2020/lib/api/modules/primeng.module.mjs +247 -247
- package/esm2020/lib/api/services/base.api.service.mjs +74 -74
- package/esm2020/lib/api/services/component.service.mjs +27 -27
- package/esm2020/lib/api/services/form.service.mjs +84 -84
- package/esm2020/lib/api/services/imagens.service.mjs +22 -22
- package/esm2020/lib/api/services/notification.service.mjs +67 -67
- package/esm2020/lib/api/services/object.service.mjs +26 -26
- package/esm2020/lib/buttons/button-personalize/button-personalize.component.mjs +17 -17
- package/esm2020/lib/buttons/button-popup/button-popup.component.mjs +31 -31
- package/esm2020/lib/buttons/button-secondary/button-secondary.component.mjs +17 -17
- package/esm2020/lib/buttons/button-success/button-success.component.mjs +17 -17
- package/esm2020/lib/buttons/kvbutton.module.mjs +39 -39
- package/esm2020/lib/chart/chart.component.mjs +145 -145
- package/esm2020/lib/chart/kvchart.module.mjs +32 -32
- package/esm2020/lib/directives/template.directive.mjs +24 -24
- package/esm2020/lib/inputs/check/check.component.mjs +26 -26
- package/esm2020/lib/inputs/dropdown/dropdown.component.mjs +37 -37
- package/esm2020/lib/inputs/editor/editor.component.mjs +70 -70
- package/esm2020/lib/inputs/input-calendar/input-calendar.component.mjs +89 -89
- package/esm2020/lib/inputs/input-mask/input-mask.component.mjs +23 -23
- package/esm2020/lib/inputs/input-number/input-number.component.mjs +59 -59
- package/esm2020/lib/inputs/input-password/input-password.component.mjs +33 -33
- package/esm2020/lib/inputs/input-text/input-text.component.mjs +21 -21
- package/esm2020/lib/inputs/input-text-checkbox/input-text-checkbox.component.mjs +37 -37
- package/esm2020/lib/inputs/input-textarea/input-textarea.component.mjs +43 -43
- package/esm2020/lib/inputs/input-time/input-time.component.mjs +24 -24
- package/esm2020/lib/inputs/kvinputs.module.mjs +108 -108
- package/esm2020/lib/inputs/multi-select/multi-select.component.mjs +38 -38
- package/esm2020/lib/inputs/radio-group/radio-group.component.mjs +53 -53
- package/esm2020/lib/inputs/switch/switch.component.mjs +32 -32
- package/esm2020/lib/keevo-components.module.mjs +105 -98
- package/esm2020/lib/label/label.component.mjs +14 -14
- package/esm2020/lib/label/label.module.mjs +23 -23
- package/esm2020/lib/loader/loader.component.mjs +18 -0
- package/esm2020/lib/loader/loader.module.mjs +28 -0
- package/esm2020/lib/loader/loader.service.mjs +29 -0
- package/esm2020/lib/login/kvlogin.module.mjs +47 -47
- package/esm2020/lib/login/login.component.mjs +52 -52
- package/esm2020/lib/menu/kvmenu.module.mjs +43 -43
- package/esm2020/lib/menu/menu.component.mjs +237 -237
- package/esm2020/lib/orgchart/orgchart.component.mjs +100 -100
- package/esm2020/lib/orgchart/orgchart.module.mjs +24 -24
- package/esm2020/lib/page-form/kv-page-form.module.mjs +38 -38
- package/esm2020/lib/page-form/page-form.component.mjs +144 -144
- package/esm2020/lib/picklist/kvpicklist.module.mjs +32 -32
- package/esm2020/lib/picklist/picklist.component.mjs +48 -48
- package/esm2020/lib/pipes/codigofile.pipe.mjs +19 -19
- package/esm2020/lib/pipes/cpfcnpj.pipe.mjs +25 -25
- package/esm2020/lib/pipes/pipes.module.mjs +34 -34
- package/esm2020/lib/pipes/telefone.pipe.mjs +45 -45
- package/esm2020/lib/table/kvtable.module.mjs +32 -32
- package/esm2020/lib/table/table.component.mjs +499 -499
- package/esm2020/lib/tree-table/kv-treetable.component.mjs +371 -371
- package/esm2020/lib/tree-table/kv-treetable.module.mjs +32 -32
- package/esm2020/lib/tree-view/kvtree-view.module.mjs +28 -28
- package/esm2020/lib/tree-view/tree-view.component.mjs +29 -29
- package/esm2020/lib/workspace/kvworkspace.module.mjs +47 -47
- package/esm2020/lib/workspace/workspace.component.mjs +77 -77
- package/esm2020/public-api.mjs +137 -132
- package/fesm2015/keevo-components.mjs +4449 -4380
- package/fesm2015/keevo-components.mjs.map +1 -1
- package/fesm2020/keevo-components.mjs +4440 -4371
- package/fesm2020/keevo-components.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/api/base-components/base-component-button.d.ts +14 -14
- package/lib/api/base-components/base-component-chart.d.ts +40 -40
- package/lib/api/base-components/base-component-crud-form.d.ts +137 -137
- package/lib/api/base-components/base-component-crud-list.d.ts +63 -63
- package/lib/api/base-components/base-component-crud.d.ts +36 -36
- package/lib/api/base-components/base-component-dropdown-new.d.ts +14 -14
- package/lib/api/base-components/base-component-dropdown.d.ts +42 -42
- package/lib/api/base-components/base-component-input.d.ts +31 -31
- package/lib/api/base-components/base-component-multi-select.d.ts +35 -35
- package/lib/api/base-components/base-component.d.ts +21 -21
- package/lib/api/components/chart/chart.config.d.ts +11 -11
- package/lib/api/components/chart/chart.model.d.ts +9 -9
- package/lib/api/components/chart/orchart.config.d.ts +35 -35
- package/lib/api/components/chart/orchart.item.d.ts +26 -26
- package/lib/api/components/dropdown/filtro.combo.d.ts +4 -4
- package/lib/api/components/error/error.component.d.ts +12 -12
- package/lib/api/components/error/kverror.module.d.ts +10 -10
- package/lib/api/components/table/action-item.d.ts +5 -5
- package/lib/api/components/table/kv-menuitem.d.ts +9 -9
- package/lib/api/components/table/table.config.column.d.ts +21 -21
- package/lib/api/components/table/table.config.d.ts +17 -17
- package/lib/api/components/table/table.paginate.d.ts +6 -6
- package/lib/api/helpers/component-providers.d.ts +2 -2
- package/lib/api/helpers/keevo-validators.d.ts +10 -10
- package/lib/api/helpers/translate-primeng.d.ts +4 -4
- package/lib/api/models/menu/menu.model.d.ts +10 -10
- package/lib/api/models/menu/menucompleto.model.d.ts +6 -6
- package/lib/api/models/menu/sistemamenu.model.d.ts +8 -8
- package/lib/api/modules/primeng.module.d.ts +60 -60
- package/lib/api/services/base.api.service.d.ts +25 -25
- package/lib/api/services/component.service.d.ts +11 -11
- package/lib/api/services/form.service.d.ts +27 -27
- package/lib/api/services/imagens.service.d.ts +8 -8
- package/lib/api/services/notification.service.d.ts +25 -25
- package/lib/api/services/object.service.d.ts +8 -8
- package/lib/buttons/button-personalize/button-personalize.component.d.ts +7 -7
- package/lib/buttons/button-popup/button-popup.component.d.ts +13 -13
- package/lib/buttons/button-secondary/button-secondary.component.d.ts +7 -7
- package/lib/buttons/button-success/button-success.component.d.ts +7 -7
- package/lib/buttons/kvbutton.module.d.ts +11 -11
- package/lib/chart/chart.component.d.ts +56 -56
- package/lib/chart/kvchart.module.d.ts +10 -10
- package/lib/directives/template.directive.d.ts +11 -11
- package/lib/inputs/check/check.component.d.ts +11 -11
- package/lib/inputs/dropdown/dropdown.component.d.ts +14 -14
- package/lib/inputs/editor/editor.component.d.ts +39 -39
- package/lib/inputs/input-calendar/input-calendar.component.d.ts +27 -27
- package/lib/inputs/input-mask/input-mask.component.d.ts +10 -10
- package/lib/inputs/input-number/input-number.component.d.ts +19 -19
- package/lib/inputs/input-password/input-password.component.d.ts +13 -13
- package/lib/inputs/input-text/input-text.component.d.ts +9 -9
- package/lib/inputs/input-text-checkbox/input-text-checkbox.component.d.ts +15 -15
- package/lib/inputs/input-textarea/input-textarea.component.d.ts +16 -16
- package/lib/inputs/input-time/input-time.component.d.ts +10 -10
- package/lib/inputs/kvinputs.module.d.ts +25 -25
- package/lib/inputs/multi-select/multi-select.component.d.ts +12 -12
- package/lib/inputs/radio-group/radio-group.component.d.ts +18 -18
- package/lib/inputs/switch/switch.component.d.ts +13 -13
- package/lib/keevo-components.module.d.ts +19 -18
- package/lib/label/label.component.d.ts +7 -7
- package/lib/label/label.module.d.ts +8 -8
- package/lib/loader/loader.component.d.ts +10 -0
- package/lib/loader/loader.module.d.ts +9 -0
- package/lib/loader/loader.service.d.ts +10 -0
- package/lib/login/kvlogin.module.d.ts +13 -13
- package/lib/login/login.component.d.ts +30 -30
- package/lib/menu/kvmenu.module.d.ts +12 -12
- package/lib/menu/menu.component.d.ts +74 -74
- package/lib/orgchart/orgchart.component.d.ts +27 -27
- package/lib/orgchart/orgchart.module.d.ts +9 -9
- package/lib/page-form/kv-page-form.module.d.ts +11 -11
- package/lib/page-form/page-form.component.d.ts +69 -69
- package/lib/picklist/kvpicklist.module.d.ts +10 -10
- package/lib/picklist/picklist.component.d.ts +20 -20
- package/lib/pipes/codigofile.pipe.d.ts +7 -7
- package/lib/pipes/cpfcnpj.pipe.d.ts +7 -7
- package/lib/pipes/pipes.module.d.ts +10 -10
- package/lib/pipes/telefone.pipe.d.ts +7 -7
- package/lib/table/kvtable.module.d.ts +10 -10
- package/lib/table/table.component.d.ts +104 -104
- package/lib/tree-table/kv-treetable.component.d.ts +84 -84
- package/lib/tree-table/kv-treetable.module.d.ts +11 -11
- package/lib/tree-view/kvtree-view.module.d.ts +9 -9
- package/lib/tree-view/tree-view.component.d.ts +14 -14
- package/lib/workspace/kvworkspace.module.d.ts +13 -13
- package/lib/workspace/workspace.component.d.ts +28 -28
- package/package.json +6 -4
- package/public-api.d.ts +133 -128
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { ComponentProviders } from '../../api/helpers/component-providers';
|
|
3
|
-
import { BaseComponentDropDown } from '../../api/base-components/base-component-dropdown';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "../../api/services/component.service";
|
|
6
|
-
import * as i2 from "primeng/dynamicdialog";
|
|
7
|
-
import * as i3 from "@angular/common";
|
|
8
|
-
import * as i4 from "@angular/forms";
|
|
9
|
-
import * as i5 from "../../api/components/error/error.component";
|
|
10
|
-
import * as i6 from "primeng/api";
|
|
11
|
-
import * as i7 from "primeng/button";
|
|
12
|
-
import * as i8 from "primeng/tooltip";
|
|
13
|
-
import * as i9 from "primeng/divider";
|
|
14
|
-
import * as i10 from "primeng/dropdown";
|
|
15
|
-
import * as i11 from "../../label/label.component";
|
|
16
|
-
export class DropdownComponent extends BaseComponentDropDown {
|
|
17
|
-
constructor(componentService, dialogService) {
|
|
18
|
-
super(componentService, dialogService);
|
|
19
|
-
}
|
|
20
|
-
ngOnInit() {
|
|
21
|
-
if (this.dropDowValue)
|
|
22
|
-
this.value = this.dropDowValue;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.ComponentService }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: DropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(DropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\n <kv-label\n [componentId]=\"componentId\"\n [label]=\"label\"\n />\n <p-dropdown\n appendTo=\"body\"\n [class]=\"baseInputClass\"\n [disabled]=\"disabled\"\n [filter]=\"filter\"\n [inputId]=\"componentId\"\n [(ngModel)]=\"value\"\n [options]=\"filteredOptions\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [optionDisabled]=\"optionDisabled\"\n [group]=\"group\"\n [optionGroupLabel]=\"optionGroupLabel\"\n [optionGroupChildren]=\"optionGroupChildren\"\n [showClear]=\"showClear\"\n [lazy]=\"lazy\"\n scrollHeight=\"250px\"\n (onBlur)=\"onInputBlur($event)\"\n (onClick)=\"onInputClick($event)\"\n (onChange)=\"onInputChange($event)\"\n (onFilter)=\"onInputFilter($event)\"\n [style]=\"{'width':widthField}\"\n [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\n styleClass=\"inputs\"\n >\n\n <ng-template\n *ngIf=\"showAddButton\"\n pTemplate=\"footer\"\n >\n <p-divider></p-divider>\n <div class=\"flex flex-wrap card-container p-1\">\n <div class=\"flex justify-content-center\">\n <button\n pButton\n label=\"Incluir\"\n pTooltip=\"Clique aqui para incluir um novo registro\"\n tooltipPosition=\"bottom\"\n icon=\"pi pi-plus\"\n class=\"p-button-rounded p-button-success mr-2\"\n (click)=\"addClick($event)\"\n ></button>\n </div>\n </div>\n </ng-template>\n\n\n\n\n <!-- :: -->\n\n <ng-template\n let-selectedItem\n pTemplate=\"item\"\n *ngIf=\"itemTemplate\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\n >\n\n </ng-container>\n </ng-template>\n\n\n <ng-template\n let-item\n pTemplate=\"selectedItem\"\n *ngIf=\"selectedItemTemplate\"\n >\n <ng-container\n [ngTemplateOutlet]=\"selectedItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n >\n\n </ng-container>\n </ng-template>\n\n <!-- :: -->\n\n\n </p-dropdown>\n\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i11.LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'kv-dropdown', providers: ComponentProviders(DropdownComponent), template: "<span>\n <kv-label\n [componentId]=\"componentId\"\n [label]=\"label\"\n />\n <p-dropdown\n appendTo=\"body\"\n [class]=\"baseInputClass\"\n [disabled]=\"disabled\"\n [filter]=\"filter\"\n [inputId]=\"componentId\"\n [(ngModel)]=\"value\"\n [options]=\"filteredOptions\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [optionDisabled]=\"optionDisabled\"\n [group]=\"group\"\n [optionGroupLabel]=\"optionGroupLabel\"\n [optionGroupChildren]=\"optionGroupChildren\"\n [showClear]=\"showClear\"\n [lazy]=\"lazy\"\n scrollHeight=\"250px\"\n (onBlur)=\"onInputBlur($event)\"\n (onClick)=\"onInputClick($event)\"\n (onChange)=\"onInputChange($event)\"\n (onFilter)=\"onInputFilter($event)\"\n [style]=\"{'width':widthField}\"\n [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\n styleClass=\"inputs\"\n >\n\n <ng-template\n *ngIf=\"showAddButton\"\n pTemplate=\"footer\"\n >\n <p-divider></p-divider>\n <div class=\"flex flex-wrap card-container p-1\">\n <div class=\"flex justify-content-center\">\n <button\n pButton\n label=\"Incluir\"\n pTooltip=\"Clique aqui para incluir um novo registro\"\n tooltipPosition=\"bottom\"\n icon=\"pi pi-plus\"\n class=\"p-button-rounded p-button-success mr-2\"\n (click)=\"addClick($event)\"\n ></button>\n </div>\n </div>\n </ng-template>\n\n\n\n\n <!-- :: -->\n\n <ng-template\n let-selectedItem\n pTemplate=\"item\"\n *ngIf=\"itemTemplate\"\n >\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\n >\n\n </ng-container>\n </ng-template>\n\n\n <ng-template\n let-item\n pTemplate=\"selectedItem\"\n *ngIf=\"selectedItemTemplate\"\n >\n <ng-container\n [ngTemplateOutlet]=\"selectedItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n >\n\n </ng-container>\n </ng-template>\n\n <!-- :: -->\n\n\n </p-dropdown>\n\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
|
|
30
|
-
}], ctorParameters: function () { return [{ type: i1.ComponentService }, { type: i2.DialogService }]; }, propDecorators: { dropDowValue: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], itemTemplate: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], selectedItemTemplate: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { ComponentProviders } from '../../api/helpers/component-providers';
|
|
3
|
+
import { BaseComponentDropDown } from '../../api/base-components/base-component-dropdown';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "../../api/services/component.service";
|
|
6
|
+
import * as i2 from "primeng/dynamicdialog";
|
|
7
|
+
import * as i3 from "@angular/common";
|
|
8
|
+
import * as i4 from "@angular/forms";
|
|
9
|
+
import * as i5 from "../../api/components/error/error.component";
|
|
10
|
+
import * as i6 from "primeng/api";
|
|
11
|
+
import * as i7 from "primeng/button";
|
|
12
|
+
import * as i8 from "primeng/tooltip";
|
|
13
|
+
import * as i9 from "primeng/divider";
|
|
14
|
+
import * as i10 from "primeng/dropdown";
|
|
15
|
+
import * as i11 from "../../label/label.component";
|
|
16
|
+
export class DropdownComponent extends BaseComponentDropDown {
|
|
17
|
+
constructor(componentService, dialogService) {
|
|
18
|
+
super(componentService, dialogService);
|
|
19
|
+
}
|
|
20
|
+
ngOnInit() {
|
|
21
|
+
if (this.dropDowValue)
|
|
22
|
+
this.value = this.dropDowValue;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.ComponentService }, { token: i2.DialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: DropdownComponent, selector: "kv-dropdown", inputs: { dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, providers: ComponentProviders(DropdownComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n <kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label\"\r\n />\r\n <p-dropdown\r\n appendTo=\"body\"\r\n [class]=\"baseInputClass\"\r\n [disabled]=\"disabled\"\r\n [filter]=\"filter\"\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [options]=\"filteredOptions\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [group]=\"group\"\r\n [optionGroupLabel]=\"optionGroupLabel\"\r\n [optionGroupChildren]=\"optionGroupChildren\"\r\n [showClear]=\"showClear\"\r\n [lazy]=\"lazy\"\r\n scrollHeight=\"250px\"\r\n (onBlur)=\"onInputBlur($event)\"\r\n (onClick)=\"onInputClick($event)\"\r\n (onChange)=\"onInputChange($event)\"\r\n (onFilter)=\"onInputFilter($event)\"\r\n [style]=\"{'width':widthField}\"\r\n [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n styleClass=\"inputs\"\r\n >\r\n\r\n <ng-template\r\n *ngIf=\"showAddButton\"\r\n pTemplate=\"footer\"\r\n >\r\n <p-divider></p-divider>\r\n <div class=\"flex flex-wrap card-container p-1\">\r\n <div class=\"flex justify-content-center\">\r\n <button\r\n pButton\r\n label=\"Incluir\"\r\n pTooltip=\"Clique aqui para incluir um novo registro\"\r\n tooltipPosition=\"bottom\"\r\n icon=\"pi pi-plus\"\r\n class=\"p-button-rounded p-button-success mr-2\"\r\n (click)=\"addClick($event)\"\r\n ></button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n\r\n\r\n\r\n <!-- :: -->\r\n\r\n <ng-template\r\n let-selectedItem\r\n pTemplate=\"item\"\r\n *ngIf=\"itemTemplate\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"itemTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n >\r\n\r\n </ng-container>\r\n </ng-template>\r\n\r\n\r\n <ng-template\r\n let-item\r\n pTemplate=\"selectedItem\"\r\n *ngIf=\"selectedItemTemplate\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n >\r\n\r\n </ng-container>\r\n </ng-template>\r\n\r\n <!-- :: -->\r\n\r\n\r\n </p-dropdown>\r\n\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["", "label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "directive", type: i6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i10.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i11.LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'kv-dropdown', providers: ComponentProviders(DropdownComponent), template: "<span>\r\n <kv-label\r\n [componentId]=\"componentId\"\r\n [label]=\"label\"\r\n />\r\n <p-dropdown\r\n appendTo=\"body\"\r\n [class]=\"baseInputClass\"\r\n [disabled]=\"disabled\"\r\n [filter]=\"filter\"\r\n [inputId]=\"componentId\"\r\n [(ngModel)]=\"value\"\r\n [options]=\"filteredOptions\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [group]=\"group\"\r\n [optionGroupLabel]=\"optionGroupLabel\"\r\n [optionGroupChildren]=\"optionGroupChildren\"\r\n [showClear]=\"showClear\"\r\n [lazy]=\"lazy\"\r\n scrollHeight=\"250px\"\r\n (onBlur)=\"onInputBlur($event)\"\r\n (onClick)=\"onInputClick($event)\"\r\n (onChange)=\"onInputChange($event)\"\r\n (onFilter)=\"onInputFilter($event)\"\r\n [style]=\"{'width':widthField}\"\r\n [panelStyle]=\"{ width: widthField, overflow: 'auto' }\"\r\n styleClass=\"inputs\"\r\n >\r\n\r\n <ng-template\r\n *ngIf=\"showAddButton\"\r\n pTemplate=\"footer\"\r\n >\r\n <p-divider></p-divider>\r\n <div class=\"flex flex-wrap card-container p-1\">\r\n <div class=\"flex justify-content-center\">\r\n <button\r\n pButton\r\n label=\"Incluir\"\r\n pTooltip=\"Clique aqui para incluir um novo registro\"\r\n tooltipPosition=\"bottom\"\r\n icon=\"pi pi-plus\"\r\n class=\"p-button-rounded p-button-success mr-2\"\r\n (click)=\"addClick($event)\"\r\n ></button>\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n\r\n\r\n\r\n <!-- :: -->\r\n\r\n <ng-template\r\n let-selectedItem\r\n pTemplate=\"item\"\r\n *ngIf=\"itemTemplate\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"itemTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: selectedItem }\"\r\n >\r\n\r\n </ng-container>\r\n </ng-template>\r\n\r\n\r\n <ng-template\r\n let-item\r\n pTemplate=\"selectedItem\"\r\n *ngIf=\"selectedItemTemplate\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedItemTemplate\"\r\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\r\n >\r\n\r\n </ng-container>\r\n </ng-template>\r\n\r\n <!-- :: -->\r\n\r\n\r\n </p-dropdown>\r\n\r\n <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>", styles: ["label{font-family:Roboto,Arial,Helvetica,sans-serif}:host ::ng-deep .inputs{height:35px}*{margin:0}\n"] }]
|
|
30
|
+
}], ctorParameters: function () { return [{ type: i1.ComponentService }, { type: i2.DialogService }]; }, propDecorators: { dropDowValue: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], itemTemplate: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], selectedItemTemplate: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2lucHV0cy9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvaW5wdXRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUd0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7Ozs7Ozs7Ozs7OztBQVExRixNQUFNLE9BQU8saUJBQWtCLFNBQVEscUJBQXFCO0lBQzFELFlBQ0UsZ0JBQWtDLEVBQ2xDLGFBQTRCO1FBQzVCLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBTVEsUUFBUTtRQUNmLElBQUksSUFBSSxDQUFDLFlBQVk7WUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQ25DLENBQUM7OzhHQWRVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDRKQUZqQixrQkFBa0IsQ0FBQyxpQkFBaUIsQ0FBQyxpRENWbEQsKzZFQTBGeUI7MkZEOUVaLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxhQUFhLGFBR1osa0JBQWtCLG1CQUFtQjttSUFTdkMsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGlhbG9nU2VydmljZSB9IGZyb20gJ3ByaW1lbmcvZHluYW1pY2RpYWxvZyc7XHJcbmltcG9ydCB7IENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi9hcGkvc2VydmljZXMvY29tcG9uZW50LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQcm92aWRlcnMgfSBmcm9tICcuLi8uLi9hcGkvaGVscGVycy9jb21wb25lbnQtcHJvdmlkZXJzJztcclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudERyb3BEb3duIH0gZnJvbSAnLi4vLi4vYXBpL2Jhc2UtY29tcG9uZW50cy9iYXNlLWNvbXBvbmVudC1kcm9wZG93bic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWRyb3Bkb3duJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLmNvbXBvbmVudC5zY3NzJywgJy4uLy4uL3N0eWxlcy1jb21wb25lbnRzLnNjc3MnXSxcclxuICBwcm92aWRlcnM6IENvbXBvbmVudFByb3ZpZGVycyhEcm9wZG93bkNvbXBvbmVudCksXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnREcm9wRG93biBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIGNvbXBvbmVudFNlcnZpY2U6IENvbXBvbmVudFNlcnZpY2UsXHJcbiAgICBkaWFsb2dTZXJ2aWNlOiBEaWFsb2dTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcihjb21wb25lbnRTZXJ2aWNlLCBkaWFsb2dTZXJ2aWNlKTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIGRyb3BEb3dWYWx1ZSE6IGFueTtcclxuICBASW5wdXQoKSBpdGVtVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkSXRlbVRlbXBsYXRlITogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5kcm9wRG93VmFsdWUpXHJcbiAgICAgIHRoaXMudmFsdWUgPSB0aGlzLmRyb3BEb3dWYWx1ZTtcclxuICB9XHJcbn1cclxuIiwiPHNwYW4+XHJcbiAgPGt2LWxhYmVsXHJcbiAgICBbY29tcG9uZW50SWRdPVwiY29tcG9uZW50SWRcIlxyXG4gICAgW2xhYmVsXT1cImxhYmVsXCJcclxuICAvPlxyXG4gIDxwLWRyb3Bkb3duXHJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxyXG4gICAgW2NsYXNzXT1cImJhc2VJbnB1dENsYXNzXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbZmlsdGVyXT1cImZpbHRlclwiXHJcbiAgICBbaW5wdXRJZF09XCJjb21wb25lbnRJZFwiXHJcbiAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgIFtvcHRpb25zXT1cImZpbHRlcmVkT3B0aW9uc1wiXHJcbiAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIlxyXG4gICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCJcclxuICAgIFtvcHRpb25EaXNhYmxlZF09XCJvcHRpb25EaXNhYmxlZFwiXHJcbiAgICBbZ3JvdXBdPVwiZ3JvdXBcIlxyXG4gICAgW29wdGlvbkdyb3VwTGFiZWxdPVwib3B0aW9uR3JvdXBMYWJlbFwiXHJcbiAgICBbb3B0aW9uR3JvdXBDaGlsZHJlbl09XCJvcHRpb25Hcm91cENoaWxkcmVuXCJcclxuICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCJcclxuICAgIFtsYXp5XT1cImxhenlcIlxyXG4gICAgc2Nyb2xsSGVpZ2h0PVwiMjUwcHhcIlxyXG4gICAgKG9uQmx1cik9XCJvbklucHV0Qmx1cigkZXZlbnQpXCJcclxuICAgIChvbkNsaWNrKT1cIm9uSW5wdXRDbGljaygkZXZlbnQpXCJcclxuICAgIChvbkNoYW5nZSk9XCJvbklucHV0Q2hhbmdlKCRldmVudClcIlxyXG4gICAgKG9uRmlsdGVyKT1cIm9uSW5wdXRGaWx0ZXIoJGV2ZW50KVwiXHJcbiAgICBbc3R5bGVdPVwieyd3aWR0aCc6d2lkdGhGaWVsZH1cIlxyXG4gICAgW3BhbmVsU3R5bGVdPVwieyB3aWR0aDogd2lkdGhGaWVsZCwgb3ZlcmZsb3c6ICdhdXRvJyB9XCJcclxuICAgIHN0eWxlQ2xhc3M9XCJpbnB1dHNcIlxyXG4gID5cclxuXHJcbiAgICA8bmctdGVtcGxhdGVcclxuICAgICAgKm5nSWY9XCJzaG93QWRkQnV0dG9uXCJcclxuICAgICAgcFRlbXBsYXRlPVwiZm9vdGVyXCJcclxuICAgID5cclxuICAgICAgPHAtZGl2aWRlcj48L3AtZGl2aWRlcj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC13cmFwIGNhcmQtY29udGFpbmVyIHAtMVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgcEJ1dHRvblxyXG4gICAgICAgICAgICBsYWJlbD1cIkluY2x1aXJcIlxyXG4gICAgICAgICAgICBwVG9vbHRpcD1cIkNsaXF1ZSBhcXVpIHBhcmEgaW5jbHVpciB1bSBub3ZvIHJlZ2lzdHJvXCJcclxuICAgICAgICAgICAgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCJcclxuICAgICAgICAgICAgaWNvbj1cInBpIHBpLXBsdXNcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tc3VjY2VzcyBtci0yXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cImFkZENsaWNrKCRldmVudClcIlxyXG4gICAgICAgICAgPjwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG5cclxuXHJcblxyXG4gICAgPCEtLSA6OiAtLT5cclxuXHJcbiAgICA8bmctdGVtcGxhdGVcclxuICAgICAgbGV0LXNlbGVjdGVkSXRlbVxyXG4gICAgICBwVGVtcGxhdGU9XCJpdGVtXCJcclxuICAgICAgKm5nSWY9XCJpdGVtVGVtcGxhdGVcIlxyXG4gICAgPlxyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaXRlbVRlbXBsYXRlXCJcclxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IHNlbGVjdGVkSXRlbSB9XCJcclxuICAgICAgPlxyXG5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuXHJcbiAgICA8bmctdGVtcGxhdGVcclxuICAgICAgbGV0LWl0ZW1cclxuICAgICAgcFRlbXBsYXRlPVwic2VsZWN0ZWRJdGVtXCJcclxuICAgICAgKm5nSWY9XCJzZWxlY3RlZEl0ZW1UZW1wbGF0ZVwiXHJcbiAgICA+XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWxlY3RlZEl0ZW1UZW1wbGF0ZVwiXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIlxyXG4gICAgICA+XHJcblxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgPCEtLSA6OiAtLT5cclxuXHJcblxyXG4gIDwvcC1kcm9wZG93bj5cclxuXHJcbiAgPGt2LWVycm9yIFtoYXNFcnJvcl09XCJoYXNDb250cm9sRXJyb3IoKVwiPnt7IGVycm9NZXNzYWdlKCkgfX08L2t2LWVycm9yPlxyXG48L3NwYW4+XHJcbjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=
|
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
-
import { ComponentProviders } from '../../api/helpers/component-providers';
|
|
3
|
-
import { BaseComponentInput } from '../../api/base-components/base-component-input';
|
|
4
|
-
import Quill from "quill";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "../../api/services/component.service";
|
|
7
|
-
import * as i2 from "@angular/common";
|
|
8
|
-
import * as i3 from "@angular/forms";
|
|
9
|
-
import * as i4 from "primeng/api";
|
|
10
|
-
import * as i5 from "primeng/editor";
|
|
11
|
-
export class EditorComponent extends BaseComponentInput {
|
|
12
|
-
constructor(componentService) {
|
|
13
|
-
super(componentService);
|
|
14
|
-
/**
|
|
15
|
-
* @type {boolean}
|
|
16
|
-
* @description
|
|
17
|
-
* Esse item define se o editor e somente para leitura
|
|
18
|
-
*/
|
|
19
|
-
this.readonly = false;
|
|
20
|
-
/**
|
|
21
|
-
* @type {boolean}
|
|
22
|
-
* @description
|
|
23
|
-
* Esse item define o tamanho do canva
|
|
24
|
-
*/
|
|
25
|
-
this.canvaHeigth = '380px';
|
|
26
|
-
this.debug = false;
|
|
27
|
-
/**
|
|
28
|
-
* @description Executado a cada iteração
|
|
29
|
-
*/
|
|
30
|
-
this.onTextChange = new EventEmitter();
|
|
31
|
-
/**
|
|
32
|
-
* @description Executado a cada seleção
|
|
33
|
-
*/
|
|
34
|
-
this.onSelectionChange = new EventEmitter();
|
|
35
|
-
const Font = Quill.import('formats/font');
|
|
36
|
-
Font.whitelist = ['roboto', 'serif', 'monospace'];
|
|
37
|
-
const ColorClass = Quill.import('attributors/class/color');
|
|
38
|
-
const SizeStyle = Quill.import('attributors/style/size');
|
|
39
|
-
Quill.register(Font, true);
|
|
40
|
-
Quill.register(ColorClass, true);
|
|
41
|
-
Quill.register(SizeStyle, true);
|
|
42
|
-
}
|
|
43
|
-
textChange($event) {
|
|
44
|
-
this.onTextChange.emit($event);
|
|
45
|
-
}
|
|
46
|
-
selectionChange($event) {
|
|
47
|
-
this.onSelectionChange.emit($event);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EditorComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: EditorComponent, selector: "kv-editor", inputs: { readonly: "readonly", canvaHeigth: "canvaHeigth", debug: "debug", modules: "modules", tollbartemplate: "tollbartemplate" }, outputs: { onTextChange: "onTextChange", onSelectionChange: "onSelectionChange" }, providers: [ComponentProviders(EditorComponent)], usesInheritance: true, ngImport: i0, template: "\n<p-editor\n [(ngModel)]=\"value\"\n [style]=\"{ height: canvaHeigth }\"\n [readonly]=\"readonly\"\n [placeholder]=\"placeholder\"\n (onTextChange)=\"textChange($event)\"\n (onSelectionChange)=\"selectionChange($event)\"\n [modules]=\"modules\"\n>\n\n<ng-template pTemplate=\"header\" >\n <ng-container\n [ngTemplateOutlet]=\"tollbartemplate\"\n *ngIf=\"tollbartemplate\"\n >\n </ng-container>\n\n\n <div id=\"toolbar-container\" *ngIf=\"!tollbartemplate\">\n <span class=\"ql-formats\">\n <select class=\"ql-font\">\n <option selected>Sans Serif</option>\n <option value=\"roboto\">Roboto</option>\n <option value=\"monospace\">Monospace</option>\n <option value=\"serif\">Serif</option>\n\n </select>\n\n <select class=\"ql-header\">\n <option value=\"1\">Titulo</option>\n <option value=\"2\">Subtitulo</option>\n <option selected>Normal</option>\n </select>\n\n <select class=\"ql-size\">\n <option value=\"small\">12px</option>\n <option value=\"normal\">16px</option>\n <option value=\"large\">24px</option>\n <option value=\"huge\">40px</option>\n </select>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-bold\"></button>\n <button class=\"ql-italic\"></button>\n <button class=\"ql-underline\"></button>\n <button class=\"ql-strike\"></button>\n </span>\n <span class=\"ql-formats\">\n <select class=\"ql-color\"></select>\n <select class=\"ql-background\"></select>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-script\" value=\"sub\"></button>\n <button class=\"ql-script\" value=\"super\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-header\" value=\"1\"></button>\n <button class=\"ql-header\" value=\"2\"></button>\n <button class=\"ql-blockquote\"></button>\n <button class=\"ql-code-block\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-list\" value=\"ordered\"></button>\n <button class=\"ql-list\" value=\"bullet\"></button>\n <button class=\"ql-indent\" value=\"-1\"></button>\n <button class=\"ql-indent\" value=\"+1\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-direction\" value=\"rtl\"></button>\n <select class=\"ql-align\"></select>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-link\"></button>\n <button class=\"ql-image\"></button>\n <button class=\"ql-video\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-clean\"></button>\n </span>\n </div>\n\n\n\n</ng-template>\n\n</p-editor>\n\n<link href=\"https://unpkg.com/quill@1.3.7/dist/quill.snow.css\" rel=\"stylesheet\" />\n<link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onTextChange", "onSelectionChange", "onInit"] }] });
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EditorComponent, decorators: [{
|
|
53
|
-
type: Component,
|
|
54
|
-
args: [{ selector: 'kv-editor', providers: [ComponentProviders(EditorComponent)], template: "\n<p-editor\n [(ngModel)]=\"value\"\n [style]=\"{ height: canvaHeigth }\"\n [readonly]=\"readonly\"\n [placeholder]=\"placeholder\"\n (onTextChange)=\"textChange($event)\"\n (onSelectionChange)=\"selectionChange($event)\"\n [modules]=\"modules\"\n>\n\n<ng-template pTemplate=\"header\" >\n <ng-container\n [ngTemplateOutlet]=\"tollbartemplate\"\n *ngIf=\"tollbartemplate\"\n >\n </ng-container>\n\n\n <div id=\"toolbar-container\" *ngIf=\"!tollbartemplate\">\n <span class=\"ql-formats\">\n <select class=\"ql-font\">\n <option selected>Sans Serif</option>\n <option value=\"roboto\">Roboto</option>\n <option value=\"monospace\">Monospace</option>\n <option value=\"serif\">Serif</option>\n\n </select>\n\n <select class=\"ql-header\">\n <option value=\"1\">Titulo</option>\n <option value=\"2\">Subtitulo</option>\n <option selected>Normal</option>\n </select>\n\n <select class=\"ql-size\">\n <option value=\"small\">12px</option>\n <option value=\"normal\">16px</option>\n <option value=\"large\">24px</option>\n <option value=\"huge\">40px</option>\n </select>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-bold\"></button>\n <button class=\"ql-italic\"></button>\n <button class=\"ql-underline\"></button>\n <button class=\"ql-strike\"></button>\n </span>\n <span class=\"ql-formats\">\n <select class=\"ql-color\"></select>\n <select class=\"ql-background\"></select>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-script\" value=\"sub\"></button>\n <button class=\"ql-script\" value=\"super\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-header\" value=\"1\"></button>\n <button class=\"ql-header\" value=\"2\"></button>\n <button class=\"ql-blockquote\"></button>\n <button class=\"ql-code-block\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-list\" value=\"ordered\"></button>\n <button class=\"ql-list\" value=\"bullet\"></button>\n <button class=\"ql-indent\" value=\"-1\"></button>\n <button class=\"ql-indent\" value=\"+1\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-direction\" value=\"rtl\"></button>\n <select class=\"ql-align\"></select>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-link\"></button>\n <button class=\"ql-image\"></button>\n <button class=\"ql-video\"></button>\n </span>\n <span class=\"ql-formats\">\n <button class=\"ql-clean\"></button>\n </span>\n </div>\n\n\n\n</ng-template>\n\n</p-editor>\n\n<link href=\"https://unpkg.com/quill@1.3.7/dist/quill.snow.css\" rel=\"stylesheet\" />\n<link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}\n"] }]
|
|
55
|
-
}], ctorParameters: function () { return [{ type: i1.ComponentService }]; }, propDecorators: { readonly: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], canvaHeigth: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], debug: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], modules: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], tollbartemplate: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], onTextChange: [{
|
|
66
|
-
type: Output
|
|
67
|
-
}], onSelectionChange: [{
|
|
68
|
-
type: Output
|
|
69
|
-
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { ComponentProviders } from '../../api/helpers/component-providers';
|
|
3
|
+
import { BaseComponentInput } from '../../api/base-components/base-component-input';
|
|
4
|
+
import Quill from "quill";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../../api/services/component.service";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "@angular/forms";
|
|
9
|
+
import * as i4 from "primeng/api";
|
|
10
|
+
import * as i5 from "primeng/editor";
|
|
11
|
+
export class EditorComponent extends BaseComponentInput {
|
|
12
|
+
constructor(componentService) {
|
|
13
|
+
super(componentService);
|
|
14
|
+
/**
|
|
15
|
+
* @type {boolean}
|
|
16
|
+
* @description
|
|
17
|
+
* Esse item define se o editor e somente para leitura
|
|
18
|
+
*/
|
|
19
|
+
this.readonly = false;
|
|
20
|
+
/**
|
|
21
|
+
* @type {boolean}
|
|
22
|
+
* @description
|
|
23
|
+
* Esse item define o tamanho do canva
|
|
24
|
+
*/
|
|
25
|
+
this.canvaHeigth = '380px';
|
|
26
|
+
this.debug = false;
|
|
27
|
+
/**
|
|
28
|
+
* @description Executado a cada iteração
|
|
29
|
+
*/
|
|
30
|
+
this.onTextChange = new EventEmitter();
|
|
31
|
+
/**
|
|
32
|
+
* @description Executado a cada seleção
|
|
33
|
+
*/
|
|
34
|
+
this.onSelectionChange = new EventEmitter();
|
|
35
|
+
const Font = Quill.import('formats/font');
|
|
36
|
+
Font.whitelist = ['roboto', 'serif', 'monospace'];
|
|
37
|
+
const ColorClass = Quill.import('attributors/class/color');
|
|
38
|
+
const SizeStyle = Quill.import('attributors/style/size');
|
|
39
|
+
Quill.register(Font, true);
|
|
40
|
+
Quill.register(ColorClass, true);
|
|
41
|
+
Quill.register(SizeStyle, true);
|
|
42
|
+
}
|
|
43
|
+
textChange($event) {
|
|
44
|
+
this.onTextChange.emit($event);
|
|
45
|
+
}
|
|
46
|
+
selectionChange($event) {
|
|
47
|
+
this.onSelectionChange.emit($event);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
EditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EditorComponent, deps: [{ token: i1.ComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
EditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: EditorComponent, selector: "kv-editor", inputs: { readonly: "readonly", canvaHeigth: "canvaHeigth", debug: "debug", modules: "modules", tollbartemplate: "tollbartemplate" }, outputs: { onTextChange: "onTextChange", onSelectionChange: "onSelectionChange" }, providers: [ComponentProviders(EditorComponent)], usesInheritance: true, ngImport: i0, template: "\r\n<p-editor\r\n [(ngModel)]=\"value\"\r\n [style]=\"{ height: canvaHeigth }\"\r\n [readonly]=\"readonly\"\r\n [placeholder]=\"placeholder\"\r\n (onTextChange)=\"textChange($event)\"\r\n (onSelectionChange)=\"selectionChange($event)\"\r\n [modules]=\"modules\"\r\n>\r\n\r\n<ng-template pTemplate=\"header\" >\r\n <ng-container\r\n [ngTemplateOutlet]=\"tollbartemplate\"\r\n *ngIf=\"tollbartemplate\"\r\n >\r\n </ng-container>\r\n\r\n\r\n <div id=\"toolbar-container\" *ngIf=\"!tollbartemplate\">\r\n <span class=\"ql-formats\">\r\n <select class=\"ql-font\">\r\n <option selected>Sans Serif</option>\r\n <option value=\"roboto\">Roboto</option>\r\n <option value=\"monospace\">Monospace</option>\r\n <option value=\"serif\">Serif</option>\r\n\r\n </select>\r\n\r\n <select class=\"ql-header\">\r\n <option value=\"1\">Titulo</option>\r\n <option value=\"2\">Subtitulo</option>\r\n <option selected>Normal</option>\r\n </select>\r\n\r\n <select class=\"ql-size\">\r\n <option value=\"small\">12px</option>\r\n <option value=\"normal\">16px</option>\r\n <option value=\"large\">24px</option>\r\n <option value=\"huge\">40px</option>\r\n </select>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-bold\"></button>\r\n <button class=\"ql-italic\"></button>\r\n <button class=\"ql-underline\"></button>\r\n <button class=\"ql-strike\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <select class=\"ql-color\"></select>\r\n <select class=\"ql-background\"></select>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-script\" value=\"sub\"></button>\r\n <button class=\"ql-script\" value=\"super\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-header\" value=\"1\"></button>\r\n <button class=\"ql-header\" value=\"2\"></button>\r\n <button class=\"ql-blockquote\"></button>\r\n <button class=\"ql-code-block\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-list\" value=\"ordered\"></button>\r\n <button class=\"ql-list\" value=\"bullet\"></button>\r\n <button class=\"ql-indent\" value=\"-1\"></button>\r\n <button class=\"ql-indent\" value=\"+1\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-direction\" value=\"rtl\"></button>\r\n <select class=\"ql-align\"></select>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-link\"></button>\r\n <button class=\"ql-image\"></button>\r\n <button class=\"ql-video\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-clean\"></button>\r\n </span>\r\n </div>\r\n\r\n\r\n\r\n</ng-template>\r\n\r\n</p-editor>\r\n\r\n<link href=\"https://unpkg.com/quill@1.3.7/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n<link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\r\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onTextChange", "onSelectionChange", "onInit"] }] });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: EditorComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{ selector: 'kv-editor', providers: [ComponentProviders(EditorComponent)], template: "\r\n<p-editor\r\n [(ngModel)]=\"value\"\r\n [style]=\"{ height: canvaHeigth }\"\r\n [readonly]=\"readonly\"\r\n [placeholder]=\"placeholder\"\r\n (onTextChange)=\"textChange($event)\"\r\n (onSelectionChange)=\"selectionChange($event)\"\r\n [modules]=\"modules\"\r\n>\r\n\r\n<ng-template pTemplate=\"header\" >\r\n <ng-container\r\n [ngTemplateOutlet]=\"tollbartemplate\"\r\n *ngIf=\"tollbartemplate\"\r\n >\r\n </ng-container>\r\n\r\n\r\n <div id=\"toolbar-container\" *ngIf=\"!tollbartemplate\">\r\n <span class=\"ql-formats\">\r\n <select class=\"ql-font\">\r\n <option selected>Sans Serif</option>\r\n <option value=\"roboto\">Roboto</option>\r\n <option value=\"monospace\">Monospace</option>\r\n <option value=\"serif\">Serif</option>\r\n\r\n </select>\r\n\r\n <select class=\"ql-header\">\r\n <option value=\"1\">Titulo</option>\r\n <option value=\"2\">Subtitulo</option>\r\n <option selected>Normal</option>\r\n </select>\r\n\r\n <select class=\"ql-size\">\r\n <option value=\"small\">12px</option>\r\n <option value=\"normal\">16px</option>\r\n <option value=\"large\">24px</option>\r\n <option value=\"huge\">40px</option>\r\n </select>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-bold\"></button>\r\n <button class=\"ql-italic\"></button>\r\n <button class=\"ql-underline\"></button>\r\n <button class=\"ql-strike\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <select class=\"ql-color\"></select>\r\n <select class=\"ql-background\"></select>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-script\" value=\"sub\"></button>\r\n <button class=\"ql-script\" value=\"super\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-header\" value=\"1\"></button>\r\n <button class=\"ql-header\" value=\"2\"></button>\r\n <button class=\"ql-blockquote\"></button>\r\n <button class=\"ql-code-block\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-list\" value=\"ordered\"></button>\r\n <button class=\"ql-list\" value=\"bullet\"></button>\r\n <button class=\"ql-indent\" value=\"-1\"></button>\r\n <button class=\"ql-indent\" value=\"+1\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-direction\" value=\"rtl\"></button>\r\n <select class=\"ql-align\"></select>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-link\"></button>\r\n <button class=\"ql-image\"></button>\r\n <button class=\"ql-video\"></button>\r\n </span>\r\n <span class=\"ql-formats\">\r\n <button class=\"ql-clean\"></button>\r\n </span>\r\n </div>\r\n\r\n\r\n\r\n</ng-template>\r\n\r\n</p-editor>\r\n\r\n<link href=\"https://unpkg.com/quill@1.3.7/dist/quill.snow.css\" rel=\"stylesheet\" />\r\n<link href=\"https://fonts.googleapis.com/css?family=Roboto\" rel=\"stylesheet\">\r\n", styles: [":host ::ng-deep .ql-font-roboto{font-family:Roboto,sans-serif}\n"] }]
|
|
55
|
+
}], ctorParameters: function () { return [{ type: i1.ComponentService }]; }, propDecorators: { readonly: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], canvaHeigth: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], debug: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], modules: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], tollbartemplate: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], onTextChange: [{
|
|
66
|
+
type: Output
|
|
67
|
+
}], onSelectionChange: [{
|
|
68
|
+
type: Output
|
|
69
|
+
}] } });
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9pbnB1dHMvZWRpdG9yL2VkaXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvaW5wdXRzL2VkaXRvci9lZGl0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBRVosS0FBSyxFQUVMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUdwRixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7Ozs7Ozs7QUFRekIsTUFBTSxPQUFPLGVBQWdCLFNBQVEsa0JBQTBCO0lBQzdELFlBQVksZ0JBQWtDO1FBQzVDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBVzFCOzs7O1dBSUc7UUFFTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOzs7O1dBSUc7UUFDTSxnQkFBVyxHQUFXLE9BQU8sQ0FBQztRQUU5QixVQUFLLEdBQVksS0FBSyxDQUFDO1FBVWhDOztXQUVHO1FBQ08saUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUvRDs7V0FFRztRQUNPLHNCQUFpQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBM0NsRSxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzFDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBRWxELE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMseUJBQXlCLENBQUMsQ0FBQztRQUMzRCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFFekQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDM0IsS0FBSyxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDakMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQW9DRCxVQUFVLENBQUMsTUFBVztRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBQ0QsZUFBZSxDQUFDLE1BQVc7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN0QyxDQUFDOzs0R0FyRFUsZUFBZTtnR0FBZixlQUFlLDZQQUZmLENBQUMsa0JBQWtCLENBQUMsZUFBZSxDQUFDLENBQUMsaURDdEJsRCx1aEdBMEZBOzJGRGxFYSxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFdBQVcsYUFHVixDQUFDLGtCQUFrQixpQkFBaUIsQ0FBQzt1R0FxQnZDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBT0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQU9HLGVBQWU7c0JBQXZCLEtBQUs7Z0JBS0ksWUFBWTtzQkFBckIsTUFBTTtnQkFLRyxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEluamVjdCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFBMQVRGT1JNX0lELFxyXG4gIFRlbXBsYXRlUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQcm92aWRlcnMgfSBmcm9tICcuLi8uLi9hcGkvaGVscGVycy9jb21wb25lbnQtcHJvdmlkZXJzJztcclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudElucHV0IH0gZnJvbSAnLi4vLi4vYXBpL2Jhc2UtY29tcG9uZW50cy9iYXNlLWNvbXBvbmVudC1pbnB1dCc7XHJcbmltcG9ydCB7IENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi9hcGkvc2VydmljZXMvY29tcG9uZW50LnNlcnZpY2UnO1xyXG5cclxuaW1wb3J0IFF1aWxsIGZyb20gXCJxdWlsbFwiXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWVkaXRvcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2VkaXRvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZWRpdG9yLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbQ29tcG9uZW50UHJvdmlkZXJzKEVkaXRvckNvbXBvbmVudCldLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRWRpdG9yQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudElucHV0PHN0cmluZz57XHJcbiAgY29uc3RydWN0b3IoY29tcG9uZW50U2VydmljZTogQ29tcG9uZW50U2VydmljZSkge1xyXG4gICAgc3VwZXIoY29tcG9uZW50U2VydmljZSk7XHJcbiAgICBjb25zdCBGb250ID0gUXVpbGwuaW1wb3J0KCdmb3JtYXRzL2ZvbnQnKTtcclxuICAgIEZvbnQud2hpdGVsaXN0ID0gWydyb2JvdG8nLCAnc2VyaWYnLCAnbW9ub3NwYWNlJ107XHJcblxyXG4gICAgY29uc3QgQ29sb3JDbGFzcyA9IFF1aWxsLmltcG9ydCgnYXR0cmlidXRvcnMvY2xhc3MvY29sb3InKTtcclxuICAgIGNvbnN0IFNpemVTdHlsZSA9IFF1aWxsLmltcG9ydCgnYXR0cmlidXRvcnMvc3R5bGUvc2l6ZScpO1xyXG5cclxuICAgIFF1aWxsLnJlZ2lzdGVyKEZvbnQsIHRydWUpO1xyXG4gICAgUXVpbGwucmVnaXN0ZXIoQ29sb3JDbGFzcywgdHJ1ZSk7XHJcbiAgICBRdWlsbC5yZWdpc3RlcihTaXplU3R5bGUsIHRydWUpO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cclxuICAgKiBAZGVzY3JpcHRpb25cclxuICAgKiBFc3NlIGl0ZW0gZGVmaW5lIHNlIG8gZWRpdG9yIGUgc29tZW50ZSBwYXJhIGxlaXR1cmFcclxuICAgKi9cclxuXHJcbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQHR5cGUge2Jvb2xlYW59XHJcbiAgICogQGRlc2NyaXB0aW9uXHJcbiAgICogRXNzZSBpdGVtIGRlZmluZSBvIHRhbWFuaG8gZG8gY2FudmFcclxuICAgKi9cclxuICBASW5wdXQoKSBjYW52YUhlaWd0aDogc3RyaW5nID0gJzM4MHB4JztcclxuXHJcbiAgQElucHV0KCkgZGVidWc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBtb2R1bGVzITogb2JqZWN0O1xyXG5cclxuICAvKipcclxuICAgKiBAdHlwZSB7VGVtcGxhdGVSZWZ9XHJcbiAgICogQGRlc2NyaXB0aW9uXHJcbiAgICogRXNzZSBpdGVtIGUgb3BjaW9uYWwsIG1hcyBjYXNvIHByZWNpc2UgZGUgZGVmaW5pciB1bSB0ZW1wbGF0ZSBwZXJzb25hbGl6YWRvIGNvbSBiYXNlIGVtIGNsYXNlcyBjc3MgZG8gcXVpbGwgcG9kZXJhciBwYXNzYXIgc3VhIHRvb2xiYXIgcG9yIGFxdWlcclxuICAgKi9cclxuICBASW5wdXQoKSB0b2xsYmFydGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvKipcclxuICAgKiAgQGRlc2NyaXB0aW9uIEV4ZWN1dGFkbyBhIGNhZGEgaXRlcmHDp8Ojb1xyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBvblRleHRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAvKipcclxuICAgKiAgQGRlc2NyaXB0aW9uIEV4ZWN1dGFkbyBhIGNhZGEgc2VsZcOnw6NvXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIG9uU2VsZWN0aW9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgdGV4dENoYW5nZSgkZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5vblRleHRDaGFuZ2UuZW1pdCgkZXZlbnQpO1xyXG4gIH1cclxuICBzZWxlY3Rpb25DaGFuZ2UoJGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMub25TZWxlY3Rpb25DaGFuZ2UuZW1pdCgkZXZlbnQpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiXHJcbjxwLWVkaXRvclxyXG4gIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gIFtzdHlsZV09XCJ7IGhlaWdodDogY2FudmFIZWlndGggfVwiXHJcbiAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcclxuICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gIChvblRleHRDaGFuZ2UpPVwidGV4dENoYW5nZSgkZXZlbnQpXCJcclxuICAob25TZWxlY3Rpb25DaGFuZ2UpPVwic2VsZWN0aW9uQ2hhbmdlKCRldmVudClcIlxyXG4gIFttb2R1bGVzXT1cIm1vZHVsZXNcIlxyXG4+XHJcblxyXG48bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCIgPlxyXG4gIDxuZy1jb250YWluZXJcclxuICBbbmdUZW1wbGF0ZU91dGxldF09XCJ0b2xsYmFydGVtcGxhdGVcIlxyXG4gICpuZ0lmPVwidG9sbGJhcnRlbXBsYXRlXCJcclxuICA+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcblxyXG5cclxuICA8ZGl2IGlkPVwidG9vbGJhci1jb250YWluZXJcIiAqbmdJZj1cIiF0b2xsYmFydGVtcGxhdGVcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwicWwtZm9ybWF0c1wiPlxyXG4gICAgICA8c2VsZWN0IGNsYXNzPVwicWwtZm9udFwiPlxyXG4gICAgICAgIDxvcHRpb24gc2VsZWN0ZWQ+U2FucyBTZXJpZjwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJyb2JvdG9cIj5Sb2JvdG88L29wdGlvbj5cclxuICAgICAgICA8b3B0aW9uIHZhbHVlPVwibW9ub3NwYWNlXCI+TW9ub3NwYWNlPC9vcHRpb24+XHJcbiAgICAgICAgPG9wdGlvbiB2YWx1ZT1cInNlcmlmXCI+U2VyaWY8L29wdGlvbj5cclxuXHJcbiAgICAgIDwvc2VsZWN0PlxyXG5cclxuICAgICAgPHNlbGVjdCBjbGFzcz1cInFsLWhlYWRlclwiPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCIxXCI+VGl0dWxvPC9vcHRpb24+XHJcbiAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIjJcIj5TdWJ0aXR1bG88L29wdGlvbj5cclxuICAgICAgICA8b3B0aW9uIHNlbGVjdGVkPk5vcm1hbDwvb3B0aW9uPlxyXG4gICAgPC9zZWxlY3Q+XHJcblxyXG4gICAgICA8c2VsZWN0IGNsYXNzPVwicWwtc2l6ZVwiPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJzbWFsbFwiPjEycHg8L29wdGlvbj5cclxuICAgICAgICA8b3B0aW9uIHZhbHVlPVwibm9ybWFsXCI+MTZweDwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJsYXJnZVwiPjI0cHg8L29wdGlvbj5cclxuICAgICAgICA8b3B0aW9uIHZhbHVlPVwiaHVnZVwiPjQwcHg8L29wdGlvbj5cclxuICAgICAgPC9zZWxlY3Q+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cInFsLWZvcm1hdHNcIj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cInFsLWJvbGRcIj48L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cInFsLWl0YWxpY1wiPjwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicWwtdW5kZXJsaW5lXCI+PC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJxbC1zdHJpa2VcIj48L2J1dHRvbj5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwicWwtZm9ybWF0c1wiPlxyXG4gICAgICA8c2VsZWN0IGNsYXNzPVwicWwtY29sb3JcIj48L3NlbGVjdD5cclxuICAgICAgPHNlbGVjdCBjbGFzcz1cInFsLWJhY2tncm91bmRcIj48L3NlbGVjdD5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwicWwtZm9ybWF0c1wiPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicWwtc2NyaXB0XCIgdmFsdWU9XCJzdWJcIj48L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cInFsLXNjcmlwdFwiIHZhbHVlPVwic3VwZXJcIj48L2J1dHRvbj5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwicWwtZm9ybWF0c1wiPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicWwtaGVhZGVyXCIgdmFsdWU9XCIxXCI+PC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJxbC1oZWFkZXJcIiB2YWx1ZT1cIjJcIj48L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cInFsLWJsb2NrcXVvdGVcIj48L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cInFsLWNvZGUtYmxvY2tcIj48L2J1dHRvbj5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwicWwtZm9ybWF0c1wiPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicWwtbGlzdFwiIHZhbHVlPVwib3JkZXJlZFwiPjwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicWwtbGlzdFwiIHZhbHVlPVwiYnVsbGV0XCI+PC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJxbC1pbmRlbnRcIiB2YWx1ZT1cIi0xXCI+PC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJxbC1pbmRlbnRcIiB2YWx1ZT1cIisxXCI+PC9idXR0b24+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cInFsLWZvcm1hdHNcIj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cInFsLWRpcmVjdGlvblwiIHZhbHVlPVwicnRsXCI+PC9idXR0b24+XHJcbiAgICAgIDxzZWxlY3QgY2xhc3M9XCJxbC1hbGlnblwiPjwvc2VsZWN0PlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJxbC1mb3JtYXRzXCI+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJxbC1saW5rXCI+PC9idXR0b24+XHJcbiAgICAgIDxidXR0b24gY2xhc3M9XCJxbC1pbWFnZVwiPjwvYnV0dG9uPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicWwtdmlkZW9cIj48L2J1dHRvbj5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwicWwtZm9ybWF0c1wiPlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwicWwtY2xlYW5cIj48L2J1dHRvbj5cclxuICAgIDwvc3Bhbj5cclxuICA8L2Rpdj5cclxuXHJcblxyXG5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjwvcC1lZGl0b3I+XHJcblxyXG48bGluayBocmVmPVwiaHR0cHM6Ly91bnBrZy5jb20vcXVpbGxAMS4zLjcvZGlzdC9xdWlsbC5zbm93LmNzc1wiIHJlbD1cInN0eWxlc2hlZXRcIiAvPlxyXG48bGluayBocmVmPVwiaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M/ZmFtaWx5PVJvYm90b1wiIHJlbD1cInN0eWxlc2hlZXRcIj5cclxuIl19
|