@seniorsistemas/angular-components 17.2.6 → 17.2.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/bundles/seniorsistemas-angular-components.umd.js +54 -12
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/accordion/components/accordion-panel/accordion-panel.component.d.ts +9 -5
- package/components/dynamic-form/components/fields/chips/chips-field.component.d.ts +6 -0
- package/components/dynamic-form/configurations/fields/chips-field.d.ts +6 -0
- package/esm2015/components/accordion/accordion.module.js +3 -2
- package/esm2015/components/accordion/components/accordion-panel/accordion-panel.component.js +16 -6
- package/esm2015/components/dynamic-form/components/fields/chips/chips-field.component.js +27 -3
- package/esm2015/components/dynamic-form/configurations/fields/chips-field.js +5 -1
- package/esm2015/components/switch/switch.component.js +4 -1
- package/esm2015/locale/fallback.js +3 -1
- package/esm5/components/accordion/accordion.module.js +3 -2
- package/esm5/components/accordion/components/accordion-panel/accordion-panel.component.js +16 -6
- package/esm5/components/dynamic-form/components/fields/chips/chips-field.component.js +27 -4
- package/esm5/components/dynamic-form/configurations/fields/chips-field.js +5 -1
- package/esm5/components/switch/switch.component.js +4 -1
- package/esm5/locale/fallback.js +3 -1
- package/fesm2015/seniorsistemas-angular-components.js +51 -7
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +51 -8
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@ngx-translate/core'), require('ngx-mask'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/progressbar'), require('@angular/platform-browser'), require('primeng/api'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('primeng/confirmdialog'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@ngx-translate/core', 'ngx-mask', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/progressbar', '@angular/platform-browser', 'primeng/api', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', 'primeng/confirmdialog', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
|
|
4
|
-
(global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.core$1, global.ngxMask, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.progressbar, global.ng.platformBrowser, global.api, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.confirmdialog, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
|
|
5
|
-
}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, breadcrumb, tieredmenu, tooltip, dom, calendar, core$1, ngxMask, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, progressbar, platformBrowser, api, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, confirmdialog, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('primeng/breadcrumb'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@ngx-translate/core'), require('ngx-mask'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/api'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('primeng/confirmdialog'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', 'primeng/breadcrumb', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@ngx-translate/core', 'ngx-mask', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/api', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', 'primeng/confirmdialog', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
|
|
4
|
+
(global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.breadcrumb, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.core$1, global.ngxMask, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.api, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.confirmdialog, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
|
|
5
|
+
}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, breadcrumb, tieredmenu, tooltip, dom, calendar, core$1, ngxMask, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, progressbar, platformBrowser, clipboard, api, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, confirmdialog, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
|
|
8
8
|
Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
|
|
@@ -210,9 +210,9 @@
|
|
|
210
210
|
this.cache = false;
|
|
211
211
|
this.panelOpened = new core.EventEmitter();
|
|
212
212
|
this.panelClosed = new core.EventEmitter();
|
|
213
|
-
this._isOpen = false;
|
|
214
213
|
this.isAnimating = false;
|
|
215
214
|
this.isContentAnimationDisabled = true;
|
|
215
|
+
this._isOpen = false;
|
|
216
216
|
}
|
|
217
217
|
Object.defineProperty(AccordionPanelComponent.prototype, "isOpen", {
|
|
218
218
|
get: function () {
|
|
@@ -224,9 +224,16 @@
|
|
|
224
224
|
enumerable: true,
|
|
225
225
|
configurable: true
|
|
226
226
|
});
|
|
227
|
-
AccordionPanelComponent.prototype.
|
|
228
|
-
if (
|
|
229
|
-
this.
|
|
227
|
+
AccordionPanelComponent.prototype.ngOnChanges = function (changes) {
|
|
228
|
+
if ("disabled" in changes) {
|
|
229
|
+
if (this.switchControl) {
|
|
230
|
+
changes["disabled"].currentValue
|
|
231
|
+
? this.switchControl.disable({ emitEvent: false })
|
|
232
|
+
: this.switchControl.enable({ emitEvent: false });
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
if ("switch" in changes && "switchControl" in changes) {
|
|
236
|
+
throw new Error("You can't set switch and switchControl together.");
|
|
230
237
|
}
|
|
231
238
|
};
|
|
232
239
|
AccordionPanelComponent.prototype.ngAfterViewInit = function () {
|
|
@@ -273,6 +280,9 @@
|
|
|
273
280
|
__decorate([
|
|
274
281
|
core.Input()
|
|
275
282
|
], AccordionPanelComponent.prototype, "switch", void 0);
|
|
283
|
+
__decorate([
|
|
284
|
+
core.Input()
|
|
285
|
+
], AccordionPanelComponent.prototype, "switchControl", void 0);
|
|
276
286
|
__decorate([
|
|
277
287
|
core.Input()
|
|
278
288
|
], AccordionPanelComponent.prototype, "validationMessage", void 0);
|
|
@@ -288,7 +298,7 @@
|
|
|
288
298
|
AccordionPanelComponent = __decorate([
|
|
289
299
|
core.Component({
|
|
290
300
|
selector: "s-accordion-panel",
|
|
291
|
-
template: "<div\n class=\"accordion-panel\"\n [ngClass]=\"{\n 'accordion-panel--open': isOpen,\n 'accordion-panel--disabled': disabled\n }\">\n <div class=\"header\" (click)=\"onTabClick()\">\n <div class=\"header__title\">\n <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n <span\n *ngIf=\"validationMessage\"\n class=\"exclamation-icon fas fa-exclamation-circle\"\n [sTooltip]=\"validationMessage\">\n </span>\n <span class=\"title\">{{ header }}</span>\n </div>\n <div class=\"header__controls\">\n <button\n *ngFor=\"let button of buttons\"\n class=\"icon-button\"\n [ngClass]=\"button.icon\"\n (click)=\"onIconButtonsClick($event, button.onClick)\">\n </button>\n <s-switch\n *ngIf=\"switch\"\n class=\"switch\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"
|
|
301
|
+
template: "<div\n class=\"accordion-panel\"\n [ngClass]=\"{\n 'accordion-panel--open': isOpen,\n 'accordion-panel--disabled': disabled\n }\">\n <div class=\"header\" (click)=\"onTabClick()\">\n <div class=\"header__title\">\n <span class=\"icon\" [ngClass]=\"isOpen ? 'fas fa-minus' : 'fas fa-plus'\"></span>\n <span\n *ngIf=\"validationMessage\"\n class=\"exclamation-icon fas fa-exclamation-circle\"\n [sTooltip]=\"validationMessage\">\n </span>\n <span class=\"title\">{{ header }}</span>\n </div>\n <div class=\"header__controls\">\n <button\n *ngFor=\"let button of buttons\"\n class=\"icon-button\"\n [ngClass]=\"button.icon\"\n (click)=\"onIconButtonsClick($event, button.onClick)\">\n </button>\n <s-switch\n *ngIf=\"switchControl\"\n class=\"switch\"\n [formControl]=\"switchControl\"\n (click)=\"$event.stopPropagation()\">\n </s-switch>\n <s-switch\n *ngIf=\"!switchControl && switch\"\n class=\"switch\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"switch.state\"\n (click)=\"$event.stopPropagation()\"\n (valueChanged)=\"switch.onChange($event)\">\n </s-switch>\n </div>\n </div>\n <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n</div>\n\n<ng-template #cacheTemplate>\n <div\n class=\"content\"\n [@cacheAnimation]=\"isOpen\"\n [@.disabled]=\"isContentAnimationDisabled\"\n (@cacheAnimation.start)=\"onContentAnimationStart()\"\n (@cacheAnimation.done)=\"onContentAnimationDone()\">\n <div class=\"content-container\">\n <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n <div\n *ngIf=\"isOpen\"\n class=\"content\"\n @cachelessAnimation\n [@.disabled]=\"isContentAnimationDisabled\"\n (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n <div class=\"content-container\">\n <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<ng-template #panelContent>\n <ng-content></ng-content>\n</ng-template>",
|
|
292
302
|
animations: [
|
|
293
303
|
animations.trigger("cachelessAnimation", [
|
|
294
304
|
animations.transition(":enter", [animations.style({ height: "0" }), animations.animate("200ms linear", animations.style({ height: "*" }))]),
|
|
@@ -429,6 +439,9 @@
|
|
|
429
439
|
if (this._onChange) {
|
|
430
440
|
this._onChange(this.value);
|
|
431
441
|
}
|
|
442
|
+
if (this._onTouched) {
|
|
443
|
+
this._onTouched(this.value);
|
|
444
|
+
}
|
|
432
445
|
};
|
|
433
446
|
var SwitchComponent_1;
|
|
434
447
|
__decorate([
|
|
@@ -897,6 +910,7 @@
|
|
|
897
910
|
imports: [
|
|
898
911
|
common.CommonModule,
|
|
899
912
|
forms.FormsModule,
|
|
913
|
+
forms.ReactiveFormsModule,
|
|
900
914
|
TooltipModule,
|
|
901
915
|
SwitchModule,
|
|
902
916
|
],
|
|
@@ -3118,12 +3132,16 @@
|
|
|
3118
3132
|
__extends(ChipsField, _super);
|
|
3119
3133
|
function ChipsField(config) {
|
|
3120
3134
|
var _this = _super.call(this, config) || this;
|
|
3135
|
+
_this.showCopyButton = false;
|
|
3121
3136
|
_this.keyFilter = config.keyFilter;
|
|
3137
|
+
_this.showCopyButton = config.showCopyButton;
|
|
3138
|
+
_this.separator = config.separator;
|
|
3122
3139
|
_this.onAdd = config.onAdd;
|
|
3123
3140
|
_this.onRemove = config.onRemove;
|
|
3124
3141
|
_this.onChipClick = config.onChipClick;
|
|
3125
3142
|
_this.onFocus = config.onFocus;
|
|
3126
3143
|
_this.onBlur = config.onBlur;
|
|
3144
|
+
_this.onCopy = config.onCopy;
|
|
3127
3145
|
return _this;
|
|
3128
3146
|
}
|
|
3129
3147
|
return ChipsField;
|
|
@@ -6759,8 +6777,30 @@
|
|
|
6759
6777
|
}());
|
|
6760
6778
|
|
|
6761
6779
|
var ChipsFieldComponent = /** @class */ (function () {
|
|
6762
|
-
function ChipsFieldComponent() {
|
|
6780
|
+
function ChipsFieldComponent(clipboard) {
|
|
6781
|
+
this.clipboard = clipboard;
|
|
6782
|
+
this.feedbackMessageVisible = false;
|
|
6783
|
+
this.copyButtonVisible = true;
|
|
6763
6784
|
}
|
|
6785
|
+
ChipsFieldComponent.prototype.onCopyFieldContent = function () {
|
|
6786
|
+
var _this = this;
|
|
6787
|
+
if (this.formControl.value) {
|
|
6788
|
+
this.copyButtonVisible = false;
|
|
6789
|
+
this.feedbackMessageVisible = true;
|
|
6790
|
+
setTimeout(function () {
|
|
6791
|
+
_this.feedbackMessageVisible = false;
|
|
6792
|
+
_this.copyButtonVisible = true;
|
|
6793
|
+
}, 3000);
|
|
6794
|
+
var content = this.formControl.value.join(this.field.separator || "\n");
|
|
6795
|
+
this.clipboard.copy(content);
|
|
6796
|
+
if (this.field.onCopy) {
|
|
6797
|
+
this.field.onCopy(content);
|
|
6798
|
+
}
|
|
6799
|
+
}
|
|
6800
|
+
};
|
|
6801
|
+
ChipsFieldComponent.ctorParameters = function () { return [
|
|
6802
|
+
{ type: clipboard.Clipboard }
|
|
6803
|
+
]; };
|
|
6764
6804
|
__decorate([
|
|
6765
6805
|
core.Input()
|
|
6766
6806
|
], ChipsFieldComponent.prototype, "field", void 0);
|
|
@@ -6769,8 +6809,8 @@
|
|
|
6769
6809
|
], ChipsFieldComponent.prototype, "formControl", void 0);
|
|
6770
6810
|
ChipsFieldComponent = __decorate([
|
|
6771
6811
|
core.Component({
|
|
6772
|
-
template: "<p-chips\n
|
|
6773
|
-
styles: [".chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}"]
|
|
6812
|
+
template: "<div class=\"chips-field-wrapper\">\n <div style=\"width: 100%;\">\n <p-chips\n *ngIf=\"field.keyFilter\"\n [inputId]=\"(field.id || field.name)\"\n [formControl]=\"formControl\"\n [placeholder]=\"field.placeholder\"\n [allowDuplicate]=\"false\"\n [addOnTab]=\"true\"\n [addOnBlur]=\"true\"\n (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n [pKeyFilter]=\"field.keyFilter\">\n <ng-template let-item pTemplate=\"item\">\n <span\n class=\"chip-content\"\n [sTooltip]=\"item\">\n {{ item }}\n </span>\n </ng-template>\n </p-chips>\n \n <p-chips\n *ngIf=\"!field.keyFilter\"\n [inputId]=\"(field.id || field.name)\"\n [formControl]=\"formControl\"\n [placeholder]=\"field.placeholder\"\n [allowDuplicate]=\"false\"\n [addOnTab]=\"true\"\n [addOnBlur]=\"true\"\n (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n <ng-template let-item pTemplate=\"item\">\n <span\n class=\"chip-content\"\n [sTooltip]=\"item\">\n {{ item }}\n </span>\n </ng-template>\n </p-chips>\n </div>\n \n <button\n *ngIf=\"field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible\"\n class=\"copy-content-button\"\n (click)=\"onCopyFieldContent()\">\n {{ \"platform.angular_components.copy_field_content\" | translate }}\n </button>\n \n <span\n *ngIf=\"feedbackMessageVisible\"\n class=\"feedback-message\">\n {{ \"platform.angular_components.copied_to_clipboard\" | translate }}\n </span>\n</div>\n",
|
|
6813
|
+
styles: [".chips-field-wrapper{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}"]
|
|
6774
6814
|
})
|
|
6775
6815
|
], ChipsFieldComponent);
|
|
6776
6816
|
return ChipsFieldComponent;
|
|
@@ -15599,6 +15639,8 @@
|
|
|
15599
15639
|
}());
|
|
15600
15640
|
|
|
15601
15641
|
var fallback = {
|
|
15642
|
+
"platform.angular_components.copied_to_clipboard": "Copiado para área de transferência",
|
|
15643
|
+
"platform.angular_components.copy_field_content": "Copiar conteúdo preenchido",
|
|
15602
15644
|
"platform.angular_components.ia_text_generator": "Gerador de texto por IA",
|
|
15603
15645
|
"platform.angular_components.generate_text": "Gerar texto",
|
|
15604
15646
|
"platform.angular_components.context": "Contexto",
|