@seniorsistemas/angular-components 17.1.0 → 17.1.2
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 +118 -109
- 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/dynamic-form/configurations/fields/bignumber-field.d.ts +2 -0
- package/components/dynamic-form/configurations/form-field.d.ts +1 -0
- package/components/switch/switch.component.d.ts +1 -0
- package/components/table/table-paging/table-paging.component.d.ts +1 -0
- package/esm2015/components/accordion/accordion.module.js +3 -3
- package/esm2015/components/accordion/components/accordion-panel/accordion-panel.component.js +3 -3
- package/esm2015/components/dynamic-form/components/fields/bignumber/number-field.component.js +2 -2
- package/esm2015/components/dynamic-form/components/fields/boolean/boolean-switch-field.component.js +2 -2
- package/esm2015/components/dynamic-form/components/fields/chips/chips-field.component.js +3 -2
- package/esm2015/components/dynamic-form/configurations/fields/bignumber-field.js +3 -2
- package/esm2015/components/dynamic-form/configurations/form-field.js +1 -1
- package/esm2015/components/dynamic-form/dynamic-form.module.js +3 -3
- package/esm2015/components/switch/switch.component.js +6 -3
- package/esm2015/components/table/table-paging/table-paging.component.js +6 -2
- package/esm5/components/accordion/accordion.module.js +3 -3
- package/esm5/components/accordion/components/accordion-panel/accordion-panel.component.js +3 -3
- package/esm5/components/dynamic-form/components/fields/bignumber/number-field.component.js +2 -2
- package/esm5/components/dynamic-form/components/fields/boolean/boolean-switch-field.component.js +2 -2
- package/esm5/components/dynamic-form/components/fields/chips/chips-field.component.js +3 -2
- package/esm5/components/dynamic-form/configurations/fields/bignumber-field.js +3 -2
- package/esm5/components/dynamic-form/configurations/form-field.js +1 -1
- package/esm5/components/dynamic-form/dynamic-form.module.js +3 -3
- package/esm5/components/switch/switch.component.js +6 -3
- package/esm5/components/table/table-paging/table-paging.component.js +6 -2
- package/fesm2015/seniorsistemas-angular-components.js +111 -103
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +116 -108
- 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('@angular/common'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', '@angular/common', '@angular/forms', '@angular/platform-browser/animations', '
|
|
4
|
-
(global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.ng.common, global.ng.forms, global.ng.platformBrowser.animations, global.
|
|
5
|
-
}(this, (function (exports, core, animations, common, forms, animations$1,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser/animations'), require('@angular/router'), require('primeng/breadcrumb'), require('rxjs'), require('rxjs/operators'), 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('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('primeng/api'), 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', '@angular/common', '@angular/forms', '@angular/platform-browser/animations', '@angular/router', 'primeng/breadcrumb', 'rxjs', 'rxjs/operators', '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', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', 'primeng/api', '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.ng.common, global.ng.forms, global.ng.platformBrowser.animations, global.ng.router, global.breadcrumb, global.rxjs, global.rxjs.operators, 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.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.api, 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, common, forms, animations$1, router, breadcrumb, rxjs, operators, 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, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, api, 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;
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
AccordionPanelComponent = __decorate([
|
|
289
289
|
core.Component({
|
|
290
290
|
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 <
|
|
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)]=\"switchState\"\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
292
|
animations: [
|
|
293
293
|
animations.trigger("cachelessAnimation", [
|
|
294
294
|
animations.transition(":enter", [animations.style({ height: "0" }), animations.animate("200ms linear", animations.style({ height: "*" }))]),
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
animations.transition("* => *", animations.animate("200ms")),
|
|
301
301
|
]),
|
|
302
302
|
],
|
|
303
|
-
styles: [".accordion-panel{border-bottom:1px solid #c1c1cc}.accordion-panel .header{-ms-flex-align:center;align-items:center;background-color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.accordion-panel .header .header__title{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.accordion-panel .header .header__title .icon{color:#212533;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon{color:#c13018;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .title{font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:700;line-height:150%;text-transform:uppercase}.accordion-panel .header .header__controls{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-left:16px}.accordion-panel .header .header__controls .icon-button{color:#212533;cursor:pointer;font-size:1rem;margin-left:
|
|
303
|
+
styles: [".accordion-panel{border-bottom:1px solid #c1c1cc}.accordion-panel .header{-ms-flex-align:center;align-items:center;background-color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.accordion-panel .header .header__title{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.accordion-panel .header .header__title .icon{color:#212533;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon{color:#c13018;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .title{font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:700;line-height:150%;text-transform:uppercase}.accordion-panel .header .header__controls{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-left:16px}.accordion-panel .header .header__controls .icon-button{color:#212533;cursor:pointer;font-size:1rem;margin-left:12px;padding:4px;border:none;background:0 0}.accordion-panel .header .header__controls .switch{padding-left:16px}.accordion-panel .content{background-color:#fff;overflow:hidden}.accordion-panel .content .content-container{margin:20px}.accordion-panel--open .header{background-color:#eeebf2;border-bottom:1px solid #c1c1cc}.accordion-panel--disabled .header{cursor:auto}.accordion-panel--disabled .header .header__title .icon,.accordion-panel--disabled .header .header__title .title{color:#c1c1cc}.accordion-panel--disabled .header .header__controls .icon-button{color:#c1c1cc;cursor:auto}"]
|
|
304
304
|
})
|
|
305
305
|
], AccordionPanelComponent);
|
|
306
306
|
return AccordionPanelComponent;
|
|
@@ -382,6 +382,105 @@
|
|
|
382
382
|
return AccordionComponent;
|
|
383
383
|
}());
|
|
384
384
|
|
|
385
|
+
var SwitchComponent = /** @class */ (function () {
|
|
386
|
+
function SwitchComponent() {
|
|
387
|
+
this.readonly = false;
|
|
388
|
+
this.disabled = false;
|
|
389
|
+
this.valueChanged = new core.EventEmitter();
|
|
390
|
+
this.value = false;
|
|
391
|
+
}
|
|
392
|
+
SwitchComponent_1 = SwitchComponent;
|
|
393
|
+
SwitchComponent.prototype.onFocusIn = function () {
|
|
394
|
+
var switchElement = this.switchRef.nativeElement;
|
|
395
|
+
switchElement.classList.add("switch--focus");
|
|
396
|
+
};
|
|
397
|
+
SwitchComponent.prototype.onFocusOut = function () {
|
|
398
|
+
var switchElement = this.switchRef.nativeElement;
|
|
399
|
+
switchElement.classList.remove("switch--focus");
|
|
400
|
+
};
|
|
401
|
+
SwitchComponent.prototype.writeValue = function (value) {
|
|
402
|
+
if (!this.disabled) {
|
|
403
|
+
this.value = value;
|
|
404
|
+
}
|
|
405
|
+
};
|
|
406
|
+
SwitchComponent.prototype.registerOnChange = function (onChange) {
|
|
407
|
+
this._onChange = onChange;
|
|
408
|
+
};
|
|
409
|
+
SwitchComponent.prototype.registerOnTouched = function (onTouched) {
|
|
410
|
+
this._onTouched = onTouched;
|
|
411
|
+
};
|
|
412
|
+
SwitchComponent.prototype.setDisabledState = function (disabled) {
|
|
413
|
+
this.disabled = disabled;
|
|
414
|
+
};
|
|
415
|
+
SwitchComponent.prototype.toggleCheck = function () {
|
|
416
|
+
this.value = !this.value;
|
|
417
|
+
this.valueChanged.emit(this.value);
|
|
418
|
+
if (this._onChange) {
|
|
419
|
+
this._onChange(this.value);
|
|
420
|
+
}
|
|
421
|
+
};
|
|
422
|
+
var SwitchComponent_1;
|
|
423
|
+
__decorate([
|
|
424
|
+
core.Input()
|
|
425
|
+
], SwitchComponent.prototype, "readonly", void 0);
|
|
426
|
+
__decorate([
|
|
427
|
+
core.Input()
|
|
428
|
+
], SwitchComponent.prototype, "trueLabel", void 0);
|
|
429
|
+
__decorate([
|
|
430
|
+
core.Input()
|
|
431
|
+
], SwitchComponent.prototype, "falseLabel", void 0);
|
|
432
|
+
__decorate([
|
|
433
|
+
core.Input()
|
|
434
|
+
], SwitchComponent.prototype, "inputId", void 0);
|
|
435
|
+
__decorate([
|
|
436
|
+
core.Input()
|
|
437
|
+
], SwitchComponent.prototype, "inputName", void 0);
|
|
438
|
+
__decorate([
|
|
439
|
+
core.Input()
|
|
440
|
+
], SwitchComponent.prototype, "disabled", void 0);
|
|
441
|
+
__decorate([
|
|
442
|
+
core.Output()
|
|
443
|
+
], SwitchComponent.prototype, "valueChanged", void 0);
|
|
444
|
+
__decorate([
|
|
445
|
+
core.Input()
|
|
446
|
+
], SwitchComponent.prototype, "value", void 0);
|
|
447
|
+
__decorate([
|
|
448
|
+
core.ViewChild("switch", { static: true })
|
|
449
|
+
], SwitchComponent.prototype, "switchRef", void 0);
|
|
450
|
+
__decorate([
|
|
451
|
+
core.HostListener('focusin')
|
|
452
|
+
], SwitchComponent.prototype, "onFocusIn", null);
|
|
453
|
+
__decorate([
|
|
454
|
+
core.HostListener('focusout')
|
|
455
|
+
], SwitchComponent.prototype, "onFocusOut", null);
|
|
456
|
+
SwitchComponent = SwitchComponent_1 = __decorate([
|
|
457
|
+
core.Component({
|
|
458
|
+
selector: 's-switch',
|
|
459
|
+
template: "<div #switch class=\"switch\" [ngClass]=\"{ 'switch--disabled': disabled }\">\n <label class=\"switch-toggle\">\n <input\n #input\n [id]=\"inputId\"\n [name]=\"inputName\"\n type=\"checkbox\"\n [checked]=\"value\"\n [disabled]=\"readonly || disabled\"\n (change)=\"toggleCheck()\">\n <span class=\"slider\"></span>\n </label>\n <span class=\"label\">\n {{ value ? trueLabel : falseLabel }}\n </span>\n</div>",
|
|
460
|
+
providers: [{
|
|
461
|
+
provide: forms.NG_VALUE_ACCESSOR,
|
|
462
|
+
useExisting: core.forwardRef(function () { return SwitchComponent_1; }),
|
|
463
|
+
multi: true,
|
|
464
|
+
}],
|
|
465
|
+
styles: [".switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.switch .switch-toggle{display:inline-block;height:24px;margin:0;position:relative;width:40px}.switch .switch-toggle input{height:0;opacity:0;width:0}.switch .switch-toggle input:checked+.slider{background-color:#428bca;border-radius:15px}.switch .switch-toggle input:checked+.slider:before{transform:translateX(16px)}.switch .switch-toggle .slider{background-color:#a5a5b2;border-radius:15px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .switch-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:\"\";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.switch .label{color:#212533;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%;margin-left:12px}.switch--disabled{opacity:.5}.switch--focus .switch-toggle .slider{box-shadow:0 0 0 2px #428BCA80}"]
|
|
466
|
+
})
|
|
467
|
+
], SwitchComponent);
|
|
468
|
+
return SwitchComponent;
|
|
469
|
+
}());
|
|
470
|
+
|
|
471
|
+
var SwitchModule = /** @class */ (function () {
|
|
472
|
+
function SwitchModule() {
|
|
473
|
+
}
|
|
474
|
+
SwitchModule = __decorate([
|
|
475
|
+
core.NgModule({
|
|
476
|
+
imports: [common.CommonModule],
|
|
477
|
+
declarations: [SwitchComponent],
|
|
478
|
+
exports: [SwitchComponent],
|
|
479
|
+
})
|
|
480
|
+
], SwitchModule);
|
|
481
|
+
return SwitchModule;
|
|
482
|
+
}());
|
|
483
|
+
|
|
385
484
|
|
|
386
485
|
(function (TooltipPosition) {
|
|
387
486
|
TooltipPosition["Top"] = "top";
|
|
@@ -789,7 +888,7 @@
|
|
|
789
888
|
forms.FormsModule,
|
|
790
889
|
animations$1.BrowserAnimationsModule,
|
|
791
890
|
TooltipModule,
|
|
792
|
-
|
|
891
|
+
SwitchModule,
|
|
793
892
|
],
|
|
794
893
|
declarations: [
|
|
795
894
|
AccordionComponent,
|
|
@@ -2882,7 +2981,7 @@
|
|
|
2882
2981
|
var BignumberField = /** @class */ (function (_super) {
|
|
2883
2982
|
__extends(BignumberField, _super);
|
|
2884
2983
|
function BignumberField(config) {
|
|
2885
|
-
var _a, _b;
|
|
2984
|
+
var _a, _b, _c;
|
|
2886
2985
|
var _this = _super.call(this, config) || this;
|
|
2887
2986
|
_this.allowNegative = (_a = config.allowNegative) !== null && _a !== void 0 ? _a : true;
|
|
2888
2987
|
_this.numberLocaleOptions = config.numberLocaleOptions || new NumberLocaleOptions();
|
|
@@ -2897,6 +2996,7 @@
|
|
|
2897
2996
|
_this.onFocus = config.onFocus;
|
|
2898
2997
|
_this.onComplete = config.onComplete;
|
|
2899
2998
|
_this.onInput = config.onInput;
|
|
2999
|
+
_this.autoClear = (_c = config.autoClear) !== null && _c !== void 0 ? _c : true;
|
|
2900
3000
|
return _this;
|
|
2901
3001
|
}
|
|
2902
3002
|
return BignumberField;
|
|
@@ -6306,6 +6406,7 @@
|
|
|
6306
6406
|
function TablePagingComponent(translate, hostProjectConfigs) {
|
|
6307
6407
|
this.translate = translate;
|
|
6308
6408
|
this.hostProjectConfigs = hostProjectConfigs;
|
|
6409
|
+
this.exportable = true;
|
|
6309
6410
|
this.enableExportSelectedRecords = true;
|
|
6310
6411
|
}
|
|
6311
6412
|
TablePagingComponent.prototype.ngOnChanges = function (changes) {
|
|
@@ -6507,6 +6608,9 @@
|
|
|
6507
6608
|
__decorate([
|
|
6508
6609
|
core.Input()
|
|
6509
6610
|
], TablePagingComponent.prototype, "table", void 0);
|
|
6611
|
+
__decorate([
|
|
6612
|
+
core.Input()
|
|
6613
|
+
], TablePagingComponent.prototype, "exportable", void 0);
|
|
6510
6614
|
__decorate([
|
|
6511
6615
|
core.Input()
|
|
6512
6616
|
], TablePagingComponent.prototype, "enableExportSelectedRecords", void 0);
|
|
@@ -6527,7 +6631,7 @@
|
|
|
6527
6631
|
], TablePagingComponent.prototype, "totalRecordsText", void 0);
|
|
6528
6632
|
TablePagingComponent = __decorate([
|
|
6529
6633
|
core.Component({
|
|
6530
|
-
template: "<div class=\"paging-container\">\n <span class=\"total-records\">\n {{totalRecordsText}}\n </span>\n <s-button
|
|
6634
|
+
template: "<div class=\"paging-container\">\n <span class=\"total-records\">\n {{totalRecordsText}}\n </span>\n <s-button\n *ngIf=\"exportable\"\n class=\"export-button\" \n priority=\"default\" \n iconClass=\"fa fa-fw fa-file-export\" \n [disabled]=\"false\" \n [auxiliary]=\"true\" \n [tooltip]=\"getTooltipText()\" \n [model]=\"getActions()\">\n </s-button>\n</div>\n",
|
|
6531
6635
|
selector: "s-table-paging",
|
|
6532
6636
|
styles: [".paging-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.export-button{margin-left:6px}"]
|
|
6533
6637
|
}),
|
|
@@ -6639,7 +6743,8 @@
|
|
|
6639
6743
|
], ChipsFieldComponent.prototype, "formControl", void 0);
|
|
6640
6744
|
ChipsFieldComponent = __decorate([
|
|
6641
6745
|
core.Component({
|
|
6642
|
-
template: "<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</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</p-chips>\n"
|
|
6746
|
+
template: "<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",
|
|
6747
|
+
styles: [".chip-content{display:block;padding-right:1rem}"]
|
|
6643
6748
|
})
|
|
6644
6749
|
], ChipsFieldComponent);
|
|
6645
6750
|
return ChipsFieldComponent;
|
|
@@ -7095,7 +7200,7 @@
|
|
|
7095
7200
|
], BignumberFieldComponent.prototype, "onComplete", void 0);
|
|
7096
7201
|
BignumberFieldComponent = __decorate([
|
|
7097
7202
|
core.Component({
|
|
7098
|
-
template: "<p-inputMask\n *ngIf=\"field.mask; else noMask\"\n type=\"text\"\n [inputId]=\"(field.id || field.name)\"\n [name]=\"field.name\"\n [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n [placeholder]=\"field.placeholder\"\n slotChar=\"_\"\n [sTooltip]=\"field.tooltip\"\n tooltipPosition=\"top\"\n [showDelay]=\"500\"\n styleClass=\"mousetrap\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n (onFocus)=\"onFocus.next($event)\"\n (onComplete)=\"onComplete.next($event)\"\n (onInput)=\"onInput.next($event)\"\n [formControl]=\"formControl\">\n</p-inputMask>\n\n<ng-template #noMask>\n <ng-container>\n <div class=\"ui-inputgroup\">\n <ng-container *ngIf=\"field.leftAddon\">\n <span class=\"ui-inputgroup-addon\">\n <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n </span>\n </ng-container>\n\n <input\n [id]=\"(field.id || field.name)\"\n type=\"text\"\n [name]=\"field.name\"\n sBignumberInput\n [allowNegative]=\"field.allowNegative\"\n [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n [alignTo]=\"field.alignTo\"\n [sTooltip]=\"field.tooltip\"\n tooltipPosition=\"top\"\n [placeholder]=\"field.placeholder\"\n [showDelay]=\"500\"\n pInputText\n [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n [ngClass]=\"'mousetrap'\"\n (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n (focus)=\"onFocus.next($event)\"\n [formControl]=\"formControl\" />\n <ng-container *ngIf=\"field.rightAddon\">\n <span class=\"ui-inputgroup-addon\">\n <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n </span>\n </ng-container>\n </div>\n </ng-container>\n</ng-template
|
|
7203
|
+
template: "<p-inputMask\n *ngIf=\"field.mask; else noMask\"\n type=\"text\"\n [inputId]=\"(field.id || field.name)\"\n [name]=\"field.name\"\n [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n [placeholder]=\"field.placeholder\"\n slotChar=\"_\"\n [sTooltip]=\"field.tooltip\"\n tooltipPosition=\"top\"\n [showDelay]=\"500\"\n styleClass=\"mousetrap\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n (onFocus)=\"onFocus.next($event)\"\n (onComplete)=\"onComplete.next($event)\"\n (onInput)=\"onInput.next($event)\"\n [formControl]=\"formControl\"\n [autoClear]=\"field.autoClear\">\n</p-inputMask>\n\n<ng-template #noMask>\n <ng-container>\n <div class=\"ui-inputgroup\">\n <ng-container *ngIf=\"field.leftAddon\">\n <span class=\"ui-inputgroup-addon\">\n <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n </span>\n </ng-container>\n\n <input\n [id]=\"(field.id || field.name)\"\n type=\"text\"\n [name]=\"field.name\"\n sBignumberInput\n [allowNegative]=\"field.allowNegative\"\n [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n [alignTo]=\"field.alignTo\"\n [sTooltip]=\"field.tooltip\"\n tooltipPosition=\"top\"\n [placeholder]=\"field.placeholder\"\n [showDelay]=\"500\"\n pInputText\n [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n [ngClass]=\"'mousetrap'\"\n (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n (focus)=\"onFocus.next($event)\"\n [formControl]=\"formControl\" />\n <ng-container *ngIf=\"field.rightAddon\">\n <span class=\"ui-inputgroup-addon\">\n <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n </span>\n </ng-container>\n </div>\n </ng-container>\n</ng-template>\n",
|
|
7099
7204
|
encapsulation: core.ViewEncapsulation.None,
|
|
7100
7205
|
styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
|
|
7101
7206
|
})
|
|
@@ -7114,7 +7219,7 @@
|
|
|
7114
7219
|
], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
|
|
7115
7220
|
BooleanSwitchFieldComponent = __decorate([
|
|
7116
7221
|
core.Component({
|
|
7117
|
-
template: "<div class=\"ui-grid ui-grid-responsive ui-grid-pad ui-fluid\">\n <div class=\"ui-grid-row\">\n <div class=\"i-grid-col-1\">\n <
|
|
7222
|
+
template: "<div class=\"ui-grid ui-grid-responsive ui-grid-pad ui-fluid\">\n <div class=\"ui-grid-row\">\n <div class=\"i-grid-col-1\">\n <s-switch\n [id]=\"(field.id || field.name)\"\n [inputName]=\"field.name\"\n [formControl]=\"formControl\"\n [sTooltip]=\"field.tooltip\"\n tooltipPosition=\"top\"\n (valueChanged)=\"field.onChange ? field.onChange($event) : null\">\n </s-switch>\n </div>\n <div class=\"i-grid-col-1\" *ngIf=\"field.optionsLabel\">\n <ng-container *ngIf=\"formControl.value; else caseFalse\">\n <span>{{ field.optionsLabel.true }}</span>\n </ng-container>\n <ng-template #caseFalse>\n <span>{{ field.optionsLabel.false }}</span>\n </ng-template>\n </div>\n </div>\n</div>"
|
|
7118
7223
|
})
|
|
7119
7224
|
], BooleanSwitchFieldComponent);
|
|
7120
7225
|
return BooleanSwitchFieldComponent;
|
|
@@ -7972,7 +8077,7 @@
|
|
|
7972
8077
|
MaskFormatterModule,
|
|
7973
8078
|
angular2Hotkeys.HotkeyModule.forRoot(),
|
|
7974
8079
|
MouseEventsModule,
|
|
7975
|
-
|
|
8080
|
+
SwitchModule,
|
|
7976
8081
|
PasswordStrengthModule,
|
|
7977
8082
|
slider.SliderModule,
|
|
7978
8083
|
],
|
|
@@ -14402,102 +14507,6 @@
|
|
|
14402
14507
|
return SplitButtonModule;
|
|
14403
14508
|
}());
|
|
14404
14509
|
|
|
14405
|
-
var SwitchComponent = /** @class */ (function () {
|
|
14406
|
-
function SwitchComponent() {
|
|
14407
|
-
this.readonly = false;
|
|
14408
|
-
this.disabled = false;
|
|
14409
|
-
this.valueChanged = new core.EventEmitter();
|
|
14410
|
-
this.value = false;
|
|
14411
|
-
}
|
|
14412
|
-
SwitchComponent_1 = SwitchComponent;
|
|
14413
|
-
SwitchComponent.prototype.onFocusIn = function () {
|
|
14414
|
-
var switchElement = this.switchRef.nativeElement;
|
|
14415
|
-
switchElement.classList.add("switch--focus");
|
|
14416
|
-
};
|
|
14417
|
-
SwitchComponent.prototype.onFocusOut = function () {
|
|
14418
|
-
var switchElement = this.switchRef.nativeElement;
|
|
14419
|
-
switchElement.classList.remove("switch--focus");
|
|
14420
|
-
};
|
|
14421
|
-
SwitchComponent.prototype.writeValue = function (value) {
|
|
14422
|
-
if (!this.disabled) {
|
|
14423
|
-
this.value = value;
|
|
14424
|
-
}
|
|
14425
|
-
};
|
|
14426
|
-
SwitchComponent.prototype.registerOnChange = function (onChange) {
|
|
14427
|
-
this._onChange = onChange;
|
|
14428
|
-
};
|
|
14429
|
-
SwitchComponent.prototype.registerOnTouched = function (onTouched) {
|
|
14430
|
-
this._onTouched = onTouched;
|
|
14431
|
-
};
|
|
14432
|
-
SwitchComponent.prototype.setDisabledState = function (disabled) {
|
|
14433
|
-
this.disabled = disabled;
|
|
14434
|
-
};
|
|
14435
|
-
SwitchComponent.prototype.toggleCheck = function () {
|
|
14436
|
-
this.value = !this.value;
|
|
14437
|
-
this.valueChanged.emit(this.value);
|
|
14438
|
-
if (this._onChange) {
|
|
14439
|
-
this._onChange(this.value);
|
|
14440
|
-
}
|
|
14441
|
-
};
|
|
14442
|
-
var SwitchComponent_1;
|
|
14443
|
-
__decorate([
|
|
14444
|
-
core.Input()
|
|
14445
|
-
], SwitchComponent.prototype, "readonly", void 0);
|
|
14446
|
-
__decorate([
|
|
14447
|
-
core.Input()
|
|
14448
|
-
], SwitchComponent.prototype, "trueLabel", void 0);
|
|
14449
|
-
__decorate([
|
|
14450
|
-
core.Input()
|
|
14451
|
-
], SwitchComponent.prototype, "falseLabel", void 0);
|
|
14452
|
-
__decorate([
|
|
14453
|
-
core.Input()
|
|
14454
|
-
], SwitchComponent.prototype, "inputId", void 0);
|
|
14455
|
-
__decorate([
|
|
14456
|
-
core.Input()
|
|
14457
|
-
], SwitchComponent.prototype, "disabled", void 0);
|
|
14458
|
-
__decorate([
|
|
14459
|
-
core.Output()
|
|
14460
|
-
], SwitchComponent.prototype, "valueChanged", void 0);
|
|
14461
|
-
__decorate([
|
|
14462
|
-
core.Input()
|
|
14463
|
-
], SwitchComponent.prototype, "value", void 0);
|
|
14464
|
-
__decorate([
|
|
14465
|
-
core.ViewChild("switch", { static: true })
|
|
14466
|
-
], SwitchComponent.prototype, "switchRef", void 0);
|
|
14467
|
-
__decorate([
|
|
14468
|
-
core.HostListener('focusin')
|
|
14469
|
-
], SwitchComponent.prototype, "onFocusIn", null);
|
|
14470
|
-
__decorate([
|
|
14471
|
-
core.HostListener('focusout')
|
|
14472
|
-
], SwitchComponent.prototype, "onFocusOut", null);
|
|
14473
|
-
SwitchComponent = SwitchComponent_1 = __decorate([
|
|
14474
|
-
core.Component({
|
|
14475
|
-
selector: 's-switch',
|
|
14476
|
-
template: "<div #switch class=\"switch\" [ngClass]=\"{ 'switch--disabled': disabled }\">\n <label class=\"switch-toggle\">\n <input\n #input\n [id]=\"inputId\"\n type=\"checkbox\"\n [checked]=\"value\"\n [disabled]=\"readonly || disabled\"\n (change)=\"toggleCheck()\">\n <span class=\"slider\"></span>\n </label>\n <span class=\"label\">\n {{ value ? trueLabel : falseLabel }}\n </span>\n</div>",
|
|
14477
|
-
providers: [{
|
|
14478
|
-
provide: forms.NG_VALUE_ACCESSOR,
|
|
14479
|
-
useExisting: core.forwardRef(function () { return SwitchComponent_1; }),
|
|
14480
|
-
multi: true,
|
|
14481
|
-
}],
|
|
14482
|
-
styles: [".switch{display:-ms-inline-flexbox;display:inline-flex}.switch .switch-toggle{display:inline-block;height:24px;position:relative;width:40px}.switch .switch-toggle input{height:0;opacity:0;width:0}.switch .switch-toggle input:checked+.slider{background-color:#428bca;border-radius:15px}.switch .switch-toggle input:checked+.slider:before{transform:translateX(16px)}.switch .switch-toggle .slider{background-color:#a5a5b2;border-radius:15px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .switch-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:\"\";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.switch .label{color:#212533;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%;margin-left:12px}.switch--disabled{opacity:.5}.switch--focus .switch-toggle .slider{box-shadow:0 0 0 2px #428BCA80}"]
|
|
14483
|
-
})
|
|
14484
|
-
], SwitchComponent);
|
|
14485
|
-
return SwitchComponent;
|
|
14486
|
-
}());
|
|
14487
|
-
|
|
14488
|
-
var SwitchModule = /** @class */ (function () {
|
|
14489
|
-
function SwitchModule() {
|
|
14490
|
-
}
|
|
14491
|
-
SwitchModule = __decorate([
|
|
14492
|
-
core.NgModule({
|
|
14493
|
-
imports: [common.CommonModule],
|
|
14494
|
-
declarations: [SwitchComponent],
|
|
14495
|
-
exports: [SwitchComponent],
|
|
14496
|
-
})
|
|
14497
|
-
], SwitchModule);
|
|
14498
|
-
return SwitchModule;
|
|
14499
|
-
}());
|
|
14500
|
-
|
|
14501
14510
|
var PanelComponent = /** @class */ (function () {
|
|
14502
14511
|
function PanelComponent() {
|
|
14503
14512
|
this.toggleable = true;
|