@gipisistemas/ng-core 1.1.6 → 1.1.7
Sign up to get free protection for your applications and to get access to all the features.
- package/bundles/gipisistemas-ng-core.umd.js +56 -40
- package/bundles/gipisistemas-ng-core.umd.js.map +1 -1
- package/bundles/gipisistemas-ng-core.umd.min.js +2 -2
- package/bundles/gipisistemas-ng-core.umd.min.js.map +1 -1
- package/esm2015/shared/components/checkbox/checkbox.component.js +15 -11
- package/esm2015/shared/components/select-entity-paged/select-entity-paged.component.js +2 -2
- package/esm2015/shared/components/select-entity-paged/shared/default-options.js +1 -2
- package/esm2015/shared/components/select-entity-paged/shared/select-search/select-search.component.js +2 -8
- package/esm2015/shared/components/table/table.component.js +28 -9
- package/esm2015/shared/gipi-components/datepicker/date-range-picker/date-range-picker.component.js +1 -1
- package/esm2015/shared/gipi-components/dropdown-menu/dropdown-menu.component.js +1 -1
- package/esm2015/shared/gipi-components/form-field/form-field.component.js +1 -1
- package/esm2015/shared/gipi-components/input-currency/input-currency.component.js +1 -1
- package/esm2015/shared/gipi-components/input-monthpicker/input-monthpicker.component.js +1 -1
- package/esm2015/shared/gipi-components/input-select/input-select.component.js +1 -1
- package/esm2015/shared/gipi-components/input-select-enum/input-select-enum.component.js +1 -1
- package/esm2015/shared/gipi-components/input-select-listbox/input-select-listbox.component.js +1 -1
- package/esm2015/shared/gipi-components/input-select-paged/input-search/input-search.component.js +2 -2
- package/esm2015/shared/gipi-components/input-select-paged/input-select-paged.component.js +1 -1
- package/esm2015/shared/gipi-components/radio-group/radio-group.component.js +1 -1
- package/esm2015/shared/gipi-components/select/select.component.js +1 -1
- package/esm2015/shared/gipi-components/sidebar/sidenav/sidenav.component.js +3 -3
- package/esm5/shared/components/checkbox/checkbox.component.js +15 -11
- package/esm5/shared/components/select-entity-paged/select-entity-paged.component.js +2 -2
- package/esm5/shared/components/select-entity-paged/shared/default-options.js +1 -2
- package/esm5/shared/components/select-entity-paged/shared/select-search/select-search.component.js +2 -8
- package/esm5/shared/components/table/table.component.js +28 -9
- package/esm5/shared/gipi-components/datepicker/date-range-picker/date-range-picker.component.js +1 -1
- package/esm5/shared/gipi-components/dropdown-menu/dropdown-menu.component.js +1 -1
- package/esm5/shared/gipi-components/form-field/form-field.component.js +1 -1
- package/esm5/shared/gipi-components/input-currency/input-currency.component.js +1 -1
- package/esm5/shared/gipi-components/input-monthpicker/input-monthpicker.component.js +1 -1
- package/esm5/shared/gipi-components/input-select/input-select.component.js +1 -1
- package/esm5/shared/gipi-components/input-select-enum/input-select-enum.component.js +1 -1
- package/esm5/shared/gipi-components/input-select-listbox/input-select-listbox.component.js +1 -1
- package/esm5/shared/gipi-components/input-select-paged/input-search/input-search.component.js +2 -2
- package/esm5/shared/gipi-components/input-select-paged/input-select-paged.component.js +1 -1
- package/esm5/shared/gipi-components/radio-group/radio-group.component.js +1 -1
- package/esm5/shared/gipi-components/select/select.component.js +1 -1
- package/esm5/shared/gipi-components/sidebar/sidenav/sidenav.component.js +3 -3
- package/fesm2015/gipisistemas-ng-core.js +56 -40
- package/fesm2015/gipisistemas-ng-core.js.map +1 -1
- package/fesm5/gipisistemas-ng-core.js +56 -40
- package/fesm5/gipisistemas-ng-core.js.map +1 -1
- package/gipisistemas-ng-core.metadata.json +1 -1
- package/package.json +1 -1
- package/shared/components/checkbox/checkbox.component.d.ts +6 -4
- package/shared/components/select-entity-paged/shared/default-options.d.ts +2 -2
- package/shared/components/select-entity-paged/shared/select-search/select-search.component.d.ts +0 -1
@@ -303,8 +303,6 @@ var CheckboxComponent = /** @class */ (function () {
|
|
303
303
|
this.onTouch = function () { };
|
304
304
|
}
|
305
305
|
CheckboxComponent_1 = CheckboxComponent;
|
306
|
-
CheckboxComponent.prototype.ngOnInit = function () {
|
307
|
-
};
|
308
306
|
Object.defineProperty(CheckboxComponent.prototype, "value", {
|
309
307
|
get: function () {
|
310
308
|
return this.val;
|
@@ -317,6 +315,7 @@ var CheckboxComponent = /** @class */ (function () {
|
|
317
315
|
enumerable: false,
|
318
316
|
configurable: true
|
319
317
|
});
|
318
|
+
CheckboxComponent.prototype.ngOnInit = function () { };
|
320
319
|
CheckboxComponent.prototype.registerOnChange = function (fn) {
|
321
320
|
this.onChange = fn;
|
322
321
|
};
|
@@ -327,6 +326,10 @@ var CheckboxComponent = /** @class */ (function () {
|
|
327
326
|
this.value = value;
|
328
327
|
};
|
329
328
|
var CheckboxComponent_1;
|
329
|
+
__decorate([
|
330
|
+
Input(),
|
331
|
+
__metadata("design:type", String)
|
332
|
+
], CheckboxComponent.prototype, "id", void 0);
|
330
333
|
__decorate([
|
331
334
|
Input(),
|
332
335
|
__metadata("design:type", String)
|
@@ -347,6 +350,10 @@ var CheckboxComponent = /** @class */ (function () {
|
|
347
350
|
Input(),
|
348
351
|
__metadata("design:type", Boolean)
|
349
352
|
], CheckboxComponent.prototype, "indeterminate", void 0);
|
353
|
+
__decorate([
|
354
|
+
Input('value'),
|
355
|
+
__metadata("design:type", Object)
|
356
|
+
], CheckboxComponent.prototype, "val", void 0);
|
350
357
|
__decorate([
|
351
358
|
Output(),
|
352
359
|
__metadata("design:type", Object)
|
@@ -355,14 +362,10 @@ var CheckboxComponent = /** @class */ (function () {
|
|
355
362
|
Output(),
|
356
363
|
__metadata("design:type", Object)
|
357
364
|
], CheckboxComponent.prototype, "change", void 0);
|
358
|
-
__decorate([
|
359
|
-
Input('value'),
|
360
|
-
__metadata("design:type", Object)
|
361
|
-
], CheckboxComponent.prototype, "val", void 0);
|
362
365
|
CheckboxComponent = CheckboxComponent_1 = __decorate([
|
363
366
|
Component({
|
364
367
|
selector: 'itss-checkbox',
|
365
|
-
template: "<
|
368
|
+
template: "<mat-checkbox [attr.id]=\"id\"\n [name]=\"name\"\n [(ngModel)]=\"value\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [(indeterminate)]=\"indeterminate\"\n (change)=\"change.emit($event)\">\n {{ label }}\n</mat-checkbox>",
|
366
369
|
providers: [
|
367
370
|
{
|
368
371
|
provide: NG_VALUE_ACCESSOR,
|
@@ -370,8 +373,9 @@ var CheckboxComponent = /** @class */ (function () {
|
|
370
373
|
multi: true
|
371
374
|
}
|
372
375
|
],
|
373
|
-
styles: ["mat-
|
374
|
-
})
|
376
|
+
styles: [":host{display:block;min-width:0;max-width:100%}:host ::ng-deep .mat-checkbox-disabled{cursor:not-allowed;opacity:.6}"]
|
377
|
+
}),
|
378
|
+
__metadata("design:paramtypes", [])
|
375
379
|
], CheckboxComponent);
|
376
380
|
return CheckboxComponent;
|
377
381
|
}());
|
@@ -3408,7 +3412,7 @@ var SelectEntityPagedComponent = /** @class */ (function () {
|
|
3408
3412
|
SelectEntityPagedComponent = SelectEntityPagedComponent_1 = __decorate([
|
3409
3413
|
Component({
|
3410
3414
|
selector: 'itss-select-entity-paged',
|
3411
|
-
template: "<div fxLayout=\"column\"\n [attr.id]=\"id\"\n [attr.name]=\"name\">\n <mat-label *ngIf=\"label\">\n {{ label }}\n <span *ngIf=\"required && label\">*</span>\n </mat-label>\n <mat-form-field #formFieldSelect\n [appearance]=\"appearance\"\n class=\"mat-form-field-select\">\n <mat-icon *ngIf=\"iconPrefix || svgIconPrefix\"\n matPrefix\n [svgIcon]=\"svgIconPrefix ? svgIconPrefix : ''\">\n {{ !svgIconPrefix && iconPrefix ? iconPrefix : '' }}\n </mat-icon>\n\n <mat-select #matSelect\n [placeholder]=\"placeholder\"\n [compareWith]=\"compareFn\"\n [(ngModel)]=\"model\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [multiple]=\"multiple\"\n disableOptionCentering=\"true\"\n [panelClass]=\"'select-position ' + classSelectPanel\"\n itssInfiniteScroll\n (infiniteScroll)=\"onLoadMoreOptions(true)\"\n [complete]=\"options?.length === page?.totalElements\"\n (selectionChange)=\"onSelectionChange($event.value)\"\n (openedChange)=\"initLoaded && onLoadMoreOptions(false, $event); openedChange.emit($event)\">\n <mat-option *ngIf=\"!hideFieldSearch\">\n <itss-input-search placeholderLabel=\"Pesquisar...\"\n
|
3415
|
+
template: "<div fxLayout=\"column\"\n [attr.id]=\"id\"\n [attr.name]=\"name\">\n <mat-label *ngIf=\"label\">\n {{ label }}\n <span *ngIf=\"required && label\">*</span>\n </mat-label>\n <mat-form-field #formFieldSelect\n [appearance]=\"appearance\"\n class=\"mat-form-field-select\">\n <mat-icon *ngIf=\"iconPrefix || svgIconPrefix\"\n matPrefix\n [svgIcon]=\"svgIconPrefix ? svgIconPrefix : ''\">\n {{ !svgIconPrefix && iconPrefix ? iconPrefix : '' }}\n </mat-icon>\n\n <mat-select #matSelect\n [placeholder]=\"placeholder\"\n [compareWith]=\"compareFn\"\n [(ngModel)]=\"model\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [multiple]=\"multiple\"\n disableOptionCentering=\"true\"\n [panelClass]=\"'select-position ' + classSelectPanel\"\n itssInfiniteScroll\n (infiniteScroll)=\"onLoadMoreOptions(true)\"\n [complete]=\"options?.length === page?.totalElements\"\n (selectionChange)=\"onSelectionChange($event.value)\"\n (openedChange)=\"initLoaded && onLoadMoreOptions(false, $event); openedChange.emit($event)\">\n <mat-option *ngIf=\"!hideFieldSearch\">\n <itss-input-search placeholderLabel=\"Pesquisar...\"\n noEntriesFoundLabel=\"Nenhum registro encontrado\"\n [enableClearOnEscapePressed]=\"true\"\n [disableScrollToActiveOnOptionsChanged]=\"true\"\n [preventHomeEndKeyPropagation]=\"true\"\n [disableScrollToActiveOnOptionsChanged]=\"true\"\n [enableClearOnEscapePressed]=\"true\"\n [clearSearchInput]=\"true\"\n [formControl]=\"valueSearchCtrl\"\n [closeIcon]=\"closeIcon\"\n [closeSvgIcon]=\"closeSvgIcon\"\n [searching]=\"searching\"\n [showToggleAllCheckbox]=\"multiple\"\n [toggleAllCheckboxChecked]=\"toggleAllCheckboxChecked\"\n [toggleAllCheckboxIndeterminate]=\"toggleAllCheckboxIndeterminate\"\n (toggleAll)=\"onToggleAllSelection($event)\">\n </itss-input-search>\n </mat-option>\n\n <mat-select-trigger *ngIf=\"multiple\">\n {{ modelValue ? getPropertyValue(modelValue[0]) : '' }}\n <span *ngIf=\"modelValue?.length > 1\"\n class=\"mat-select-additional-selection\">\n (+{{ modelValue.length - 1 }} {{ modelValue?.length === 2 ? 'outro' : 'outros' }})\n </span>\n </mat-select-trigger>\n\n <mat-option *ngIf=\"!multiple; else optionSelectedMultiple\"\n [value]=\"model\"\n [style.height.px]=\"0\">\n {{ getPropertyValue(model) }}\n </mat-option>\n\n <ng-template #optionSelectedMultiple>\n <mat-option *ngFor=\"let m of model; trackBy: trackByOption\"\n [value]=\"m\"\n [style.height.px]=\"0\">\n {{ getPropertyValue(m) }}\n </mat-option>\n </ng-template>\n\n <cdk-virtual-scroll-viewport itemSize=\"5\"\n [style.height.em]=\"scrollViewportHeight\"\n class=\"virtual-scroll-viewport\">\n <mat-option *cdkVirtualFor=\"let option of options; trackBy: trackByOption\"\n [value]=\"option\"\n (click)=\"onToggleIndeterminateAllSelection()\">\n {{ getPropertyValue(option) }}\n </mat-option>\n </cdk-virtual-scroll-viewport>\n\n <div *ngIf=\"searching\"\n class=\"mat-select-search-loading\">\n <div class=\"dot-pulse\"> </div>\n </div>\n\n <mat-option *ngIf=\"showButtonAdd && !searching\"\n class=\"mat-option-button-add\"\n [disabled]=\"true\"\n aria-hidden=\"true\">\n <gipi-button label=\"Adicionar\"\n gipi-primary\n (click)=\"onClickAdd(); $event.stopPropagation()\"\n fxFlex>\n </gipi-button>\n </mat-option>\n </mat-select>\n\n <mat-icon *ngIf=\"showClearOptionButton()\"\n matSuffix\n (click)=\"removeOption(); $event.stopPropagation()\"\n matTooltip=\"Remover selecionado\">\n close\n </mat-icon>\n </mat-form-field>\n</div>",
|
3412
3416
|
providers: [
|
3413
3417
|
{
|
3414
3418
|
provide: NG_VALUE_ACCESSOR,
|
@@ -3587,7 +3591,6 @@ var SelectSearchClearDirective = /** @class */ (function () {
|
|
3587
3591
|
|
3588
3592
|
/** Lista de entradas de ItssSelectSearchComponent que podem ser configuradas com um padrão global. */
|
3589
3593
|
var configurableDefaultOptions = [
|
3590
|
-
'ariaLabel',
|
3591
3594
|
'clearSearchInput',
|
3592
3595
|
'closeIcon',
|
3593
3596
|
'closeSvgIcon',
|
@@ -3659,8 +3662,6 @@ var SelectSearchComponent = /** @class */ (function () {
|
|
3659
3662
|
this.preventHomeEndKeyPropagation = false;
|
3660
3663
|
// Desativa a rolagem para as opções ativas quando a lista de opções é alterada. Útil para pesquisa do lado do servidor
|
3661
3664
|
this.disableScrollToActiveOnOptionsChanged = false;
|
3662
|
-
// Adiciona suporte a leitor de tela 508 para caixa de pesquisa
|
3663
|
-
this.ariaLabel = 'Pesquisa suspensa';
|
3664
3665
|
// Se deve mostrar a caixa de seleção Selecionar tudo (para mat-select[multi=true])
|
3665
3666
|
this.showToggleAllCheckbox = false;
|
3666
3667
|
// Selecione tudo caixa de seleção marcada estado
|
@@ -4112,10 +4113,6 @@ var SelectSearchComponent = /** @class */ (function () {
|
|
4112
4113
|
Input(),
|
4113
4114
|
__metadata("design:type", Boolean)
|
4114
4115
|
], SelectSearchComponent.prototype, "disableScrollToActiveOnOptionsChanged", void 0);
|
4115
|
-
__decorate([
|
4116
|
-
Input(),
|
4117
|
-
__metadata("design:type", String)
|
4118
|
-
], SelectSearchComponent.prototype, "ariaLabel", void 0);
|
4119
4116
|
__decorate([
|
4120
4117
|
Input(),
|
4121
4118
|
__metadata("design:type", Boolean)
|
@@ -4173,7 +4170,7 @@ var SelectSearchComponent = /** @class */ (function () {
|
|
4173
4170
|
SelectSearchComponent = SelectSearchComponent_1 = __decorate([
|
4174
4171
|
Component({
|
4175
4172
|
selector: 'itss-input-search',
|
4176
|
-
template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n [ngClass]=\"{'mat-select-search-inner-multiple': matSelect.multiple, 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible() }\">\n\n <mat-checkbox *ngIf=\"_isToggleAllCheckboxVisible()\"\n class=\"mat-select-search-toggle-all-checkbox\"\n color=\"primary\"\n [color]=\"matFormField?.color\"\n [disabled]=\"searching\"\n [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n [(ngModel)]=\"toggleAllCheckboxChecked\"\n [(indeterminate)]=\"toggleAllCheckboxIndeterminate\">\n </mat-checkbox>\n\n <input class=\"mat-select-search-input mat-input-element\"\n autocomplete=\"off\"\n [type]=\"type\"\n [formControl]=\"_formControl\"\n #searchSelectInput\n (keydown)=\"_handleKeydown($event)\"\n (keyup)=\"_handleKeyup($event)\"\n (blur)=\"onBlur()\"\n [placeholder]=\"placeholderLabel\"
|
4173
|
+
template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n [ngClass]=\"{'mat-select-search-inner-multiple': matSelect.multiple, 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible() }\">\n\n <mat-checkbox *ngIf=\"_isToggleAllCheckboxVisible()\"\n class=\"mat-select-search-toggle-all-checkbox\"\n color=\"primary\"\n [color]=\"matFormField?.color\"\n [disabled]=\"searching\"\n [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n [(ngModel)]=\"toggleAllCheckboxChecked\"\n [(indeterminate)]=\"toggleAllCheckboxIndeterminate\">\n </mat-checkbox>\n\n <input class=\"mat-select-search-input mat-input-element\"\n autocomplete=\"off\"\n [type]=\"type\"\n [formControl]=\"_formControl\"\n #searchSelectInput\n (keydown)=\"_handleKeydown($event)\"\n (keyup)=\"_handleKeyup($event)\"\n (blur)=\"onBlur()\"\n [placeholder]=\"placeholderLabel\">\n\n <mat-spinner *ngIf=\"searching\"\n class=\"mat-select-search-spinner\"\n diameter=\"16\">\n </mat-spinner>\n\n <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"_reset(true)\"\n class=\"mat-select-search-clear\">\n <ng-content *ngIf=\"clearIcon; else defaultIcon\"\n select=\"[itssSelectSearchClear]\">\n </ng-content>\n\n <ng-template #defaultIcon>\n <mat-icon [svgIcon]=\"closeSvgIcon\">\n {{ !closeSvgIcon ? closeIcon : null }}\n </mat-icon>\n </ng-template>\n </button>\n\n <ng-content select=\".mat-select-search-custom-header-content\"> </ng-content>\n\n <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n class=\"mat-select-search-no-entries-found\">\n <ng-content *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n select=\"[itssSelectNoEntriesFound]\">\n </ng-content>\n\n <ng-template #defaultNoEntriesFound>\n {{ noEntriesFoundLabel }}\n </ng-template>\n</div>",
|
4177
4174
|
providers: [
|
4178
4175
|
{
|
4179
4176
|
provide: NG_VALUE_ACCESSOR,
|
@@ -5135,7 +5132,9 @@ var TableComponent = /** @class */ (function () {
|
|
5135
5132
|
enumerable: false,
|
5136
5133
|
configurable: true
|
5137
5134
|
});
|
5138
|
-
TableComponent.prototype.ngOnInit = function () {
|
5135
|
+
TableComponent.prototype.ngOnInit = function () {
|
5136
|
+
this._expandedRows = [];
|
5137
|
+
};
|
5139
5138
|
TableComponent.prototype.ngAfterViewInit = function () {
|
5140
5139
|
var _this = this;
|
5141
5140
|
setTimeout(function () {
|
@@ -5242,15 +5241,32 @@ var TableComponent = /** @class */ (function () {
|
|
5242
5241
|
};
|
5243
5242
|
TableComponent.prototype.toggleExpandRow = function (row) {
|
5244
5243
|
var index = this._expandedRows.findIndex(function (r) { return r === row; });
|
5245
|
-
if (
|
5246
|
-
this.
|
5244
|
+
if (index < 0) { // Se a linha não estiver expandida
|
5245
|
+
if (this.expandableOneRow) {
|
5246
|
+
this._expandedRows = [row];
|
5247
|
+
}
|
5248
|
+
else {
|
5249
|
+
this._expandedRows.push(row);
|
5250
|
+
}
|
5247
5251
|
this.rowExpanded.emit(row);
|
5248
|
-
return;
|
5249
5252
|
}
|
5250
|
-
|
5251
|
-
|
5252
|
-
|
5253
|
-
|
5253
|
+
else { // Se a linha já estiver expandida
|
5254
|
+
var _expandedRowsAux = __spread(this._expandedRows);
|
5255
|
+
_expandedRowsAux.splice(index, 1);
|
5256
|
+
this._expandedRows = __spread(_expandedRowsAux);
|
5257
|
+
this.rowExpanded.emit(null);
|
5258
|
+
}
|
5259
|
+
// Logica anterior, qualquer problema voltar, pois funcionava bem
|
5260
|
+
// const index: number = this._expandedRows.findIndex(r => r === row);
|
5261
|
+
// if (ArrayUtil.isEmpty(this._expandedRows) || (index < 0)) {
|
5262
|
+
// this._expandedRows = [row];
|
5263
|
+
// this.rowExpanded.emit(row);
|
5264
|
+
// return;
|
5265
|
+
// }
|
5266
|
+
// const _expandedRowsAux: T[] = ArrayUtil.clone(this._expandedRows);
|
5267
|
+
// _expandedRowsAux.splice(index, 1);
|
5268
|
+
// this._expandedRows = ArrayUtil.clone(_expandedRowsAux);
|
5269
|
+
// this.rowExpanded.emit(null);
|
5254
5270
|
};
|
5255
5271
|
TableComponent.prototype.sortData = function (sort) {
|
5256
5272
|
if (this.infiniteScroll) {
|
@@ -9601,7 +9617,7 @@ var GIPIDropdownMenuComponent = /** @class */ (function () {
|
|
9601
9617
|
'class': 'gipi-dropdown-menu',
|
9602
9618
|
},
|
9603
9619
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
9604
|
-
styles: [".dropdown-menu-container{display:flex;flex-direction:column;gap:
|
9620
|
+
styles: [".dropdown-menu-container{display:flex;flex-direction:column;gap:1rem;width:100%}.dropdown-menu-container .dropdown-menu-label{color:#131313;font-size:1.4rem;line-height:100%}.dropdown-menu-container .dropdown-menu-label>span{color:#d14014;font-size:inherit;line-height:inherit}.dropdown-menu-container .dropdown-menu-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;gap:1rem;width:100%;max-height:4rem;border-radius:5px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;transition:.2s}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:active),.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:hover{border-color:#bfbfbf!important;background-color:#f5f5f5}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled){background-color:#e0e1e2!important;border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-input,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-button{cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-input{cursor:pointer;height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:8px;border-radius:40px;border:1px solid transparent;color:#131313;background-color:#f0f0f0;font-size:1.2rem;line-height:1.4rem}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.dropdown-menu-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}.btn-popover-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}"]
|
9605
9621
|
}),
|
9606
9622
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
9607
9623
|
ElementRef])
|
@@ -10310,7 +10326,7 @@ var GIPIFormFieldComponent = /** @class */ (function () {
|
|
10310
10326
|
'class': 'gipi-form-field',
|
10311
10327
|
},
|
10312
10328
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
10313
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.form-field-container{display:flex;flex-direction:column;gap:1rem;width:100%}.form-field-container .form-field-label{color:#131313;font-size:1.4rem;line-height:100%}.form-field-container .form-field-label>span{color:#d14014;font-size:inherit;line-height:inherit}.form-field-container .form-field-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.2rem;gap:
|
10329
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.form-field-container{display:flex;flex-direction:column;gap:1rem;width:100%}.form-field-container .form-field-label{color:#131313;font-size:1.4rem;line-height:100%}.form-field-container .form-field-label>span{color:#d14014;font-size:inherit;line-height:inherit}.form-field-container .form-field-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.2rem;gap:1rem;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:has(.form-field-input:active),.form-field-container .form-field-content:has(.form-field-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:hover{border-color:#bfbfbf!important}.form-field-container .form-field-content:has(.form-field-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.form-field-container .form-field-content:has(.form-field-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.form-field-container .form-field-content:has(.form-field-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-input,.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-button{cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content.form-field-select,.form-field-container .form-field-content.form-field-select .form-field-input{box-shadow:none!important;cursor:pointer!important}.form-field-container .form-field-content .form-field-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-field-container .form-field-content .form-field-suffix{display:flex;flex-direction:row;align-items:center;gap:1.6rem}.form-field-container .form-field-content .form-field-suffix .form-field-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:8px;border-radius:40px;border:1px solid transparent;color:#131313;background-color:#f0f0f0;font-size:1.2rem;line-height:1.4rem}.form-field-container .form-field-content .form-field-suffix .form-field-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.form-field-container .form-field-content .form-field-suffix .form-field-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.form-field-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}"]
|
10314
10330
|
}),
|
10315
10331
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
10316
10332
|
ElementRef])
|
@@ -10690,7 +10706,7 @@ var GIPIInputCurrencyComponent = /** @class */ (function () {
|
|
10690
10706
|
'class': 'gipi-input-currency',
|
10691
10707
|
},
|
10692
10708
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
10693
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-currency-container{display:flex;flex-direction:column;gap:
|
10709
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-currency-container{display:flex;flex-direction:column;gap:1rem;width:100%}.input-currency-container .input-currency-label{color:#131313;font-size:1.4rem;line-height:100%}.input-currency-container .input-currency-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-currency-container .input-currency-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:has(.input-currency-input:active),.input-currency-container .input-currency-content:has(.input-currency-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:hover{border-color:#bfbfbf!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.input-currency-container .input-currency-content:has(.input-currency-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.input-currency-container .input-currency-content .input-currency-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1}"]
|
10694
10710
|
}),
|
10695
10711
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
10696
10712
|
ElementRef])
|
@@ -11110,7 +11126,7 @@ var GIPIInputMonthPickerComponent = /** @class */ (function () {
|
|
11110
11126
|
'class': 'gipi-input-monthpicker',
|
11111
11127
|
},
|
11112
11128
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
11113
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-monthpicker-container{display:flex;flex-direction:column;gap:
|
11129
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-monthpicker-container{display:flex;flex-direction:column;gap:1rem;width:100%}.input-monthpicker-container .input-monthpicker-label{color:#131313;font-size:1.4rem;line-height:100%}.input-monthpicker-container .input-monthpicker-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-monthpicker-container .input-monthpicker-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s;position:relative}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:active),.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:hover{border-color:#bfbfbf!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-input,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-button{cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-input{height:16px;max-width:84%;outline:0;border:none;background-color:transparent;color:inherit;flex:1}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.input-monthpicker-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}::ng-deep .calendar{width:100%;display:flex;flex-direction:column}::ng-deep .calendar .calendar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #aeb1b5;margin-bottom:8px}::ng-deep .calendar .calendar-header .calendar-title{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:1.6rem;line-height:1.8rem;font-weight:600;cursor:default;border-radius:8px;padding:8px;white-space:nowrap}::ng-deep .calendar .calendar-header .calendar-title>mat-icon{font-size:2rem;width:20px;height:20px}::ng-deep .calendar .calendar-header .calendar-title.month:hover{cursor:pointer;background-color:#f0f0f0}::ng-deep .calendar .calendar-header .calendar-controls{display:flex;flex-direction:row;align-items:center;gap:8px}::ng-deep .calendar .calendar-header .calendar-controls>button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background-color:#e0313e;cursor:pointer;transition:.3s;border:0;outline:0;color:#fff}::ng-deep .calendar .calendar-header .calendar-controls>button:hover{background-color:#cc2d38}::ng-deep .calendar .calendar-header .calendar-controls>button>mat-icon{font-size:1.8rem;width:18px;height:18px}::ng-deep .calendar .table-months{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:4px}::ng-deep .calendar .table-months .month{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-months .month.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-months .month:not(.disabled).selected,::ng-deep .calendar .table-months .month:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-months .month:not(.disabled).selected:hover{background-color:#cc2d38}::ng-deep .calendar .table-years{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:4px}::ng-deep .calendar .table-years .year{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-years .year.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-years .year:not(.disabled).selected,::ng-deep .calendar .table-years .year:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-years .year:not(.disabled).selected:hover{background-color:#cc2d38}"]
|
11114
11130
|
}),
|
11115
11131
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
11116
11132
|
GIPINgConfig])
|
@@ -11452,7 +11468,7 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
|
|
11452
11468
|
'class': 'gipi-input-select-enum',
|
11453
11469
|
},
|
11454
11470
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
11455
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.4rem;line-height:100%;gap:
|
11471
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.4rem;line-height:100%;gap:1rem}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}.select-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;gap:8px;color:#131313;cursor:default;padding:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4.8rem;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.select-loading .dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.select-loading .dot-pulse::after,.select-loading .dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e}.select-loading .dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.select-loading .dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}.select-enum-popover-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}"]
|
11456
11472
|
}),
|
11457
11473
|
__metadata("design:paramtypes", [ElementRef,
|
11458
11474
|
ChangeDetectorRef])
|
@@ -12832,7 +12848,7 @@ var GIPIInputSelectComponent = /** @class */ (function () {
|
|
12832
12848
|
'class': 'gipi-input-select',
|
12833
12849
|
},
|
12834
12850
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
12835
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.3rem;line-height:100%;gap:
|
12851
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.3rem;line-height:100%;gap:1rem}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}::ng-deep .select-row.disabled{background-color:#d1d2d4!important;color:#9a9da2!important;cursor:not-allowed!important;pointer-events:none!important}::ng-deep .select-row>span{display:-webkit-box;line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.select-search{display:flex;align-items:center;font-size:1.4rem;line-height:100%;gap:1rem;padding:8px 12px}.select-option-all{border-bottom:1px solid rgba(0,0,0,.12)}.select-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;gap:8px;color:#131313;cursor:default;padding:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4rem;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.select-loading .dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.select-loading .dot-pulse::after,.select-loading .dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e}.select-loading .dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.select-loading .dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}.select-footer{display:flex;align-items:center;gap:1rem;padding:8px 12px;border-top:1px solid #bfbfbf}::ng-deep .select-mat-option-pseudo-checkbox{margin:0!important}"]
|
12836
12852
|
}),
|
12837
12853
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
12838
12854
|
], GIPIInputSelectComponent);
|
@@ -13257,7 +13273,7 @@ var GIPIInputSelectListboxComponent = /** @class */ (function () {
|
|
13257
13273
|
'class': 'gipi-input-select-listbox',
|
13258
13274
|
},
|
13259
13275
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
13260
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select-listbox{padding:0!important}::ng-deep .listbox-radio-group{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:16px}.overlay-select-listbox-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px;width:100%;gap:
|
13276
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select-listbox{padding:0!important}::ng-deep .listbox-radio-group{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:16px}.overlay-select-listbox-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px;width:100%;gap:1rem;position:relative}.overlay-select-listbox-content .overlay-select-listbox-backdrop{background:rgba(0,0,0,.32);opacity:1;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;border-radius:4px;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.overlay-select-listbox-content .listbox-selected{display:flex;flex-direction:column;gap:16px;background-color:#f5f5f6;border-radius:4px;padding:8px;overflow:hidden;width:100%}.overlay-select-listbox-content .listbox-selected>span{font-size:1.4rem;font-weight:600;line-height:100%;color:#131313}.overlay-select-listbox-content .listbox-selected .list{display:flex;flex-direction:column;gap:4px;width:100%;height:9rem;overflow-x:hidden;overflow-y:auto}.overlay-select-listbox-content .listbox-selected .list::-webkit-scrollbar{width:15px}.overlay-select-listbox-content .listbox-selected .list::-webkit-scrollbar-thumb{background-color:#d1d2d4;border-radius:10px;border:4px solid transparent;background-clip:padding-box}.overlay-select-listbox-content .listbox-selected .list .option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4px 12px;gap:8px;font-weight:400;font-size:1.4rem;line-height:1.6rem;color:#595959;transition:.1s;border-radius:4px}.overlay-select-listbox-content .listbox-selected .list .option:hover{background-color:#e0e1e2}.overlay-select-listbox-content .listbox-selected .list .option:hover>button{visibility:visible!important}.overlay-select-listbox-content .listbox-selected .list .option>button{display:flex;align-items:center;justify-content:center;outline:0;border:none;padding:2px;border-radius:4px;cursor:pointer;background-color:transparent;visibility:hidden}.overlay-select-listbox-content .listbox-selected .list .option>button>svg{width:1.4rem;height:1.4rem;line-height:1.6rem}.overlay-select-listbox-content .listbox-selected .list .option>button:hover>svg{transform:scale(1.08)}.overlay-select-listbox-content .footer{border-top:1px solid #bfbfbf;padding-top:12px;display:flex;align-items:center;gap:1rem}"]
|
13261
13277
|
}),
|
13262
13278
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
13263
13279
|
ElementRef,
|
@@ -13628,7 +13644,7 @@ var GIPIInputSearchComponent = /** @class */ (function () {
|
|
13628
13644
|
Component({
|
13629
13645
|
selector: "gipi-input-search",
|
13630
13646
|
exportAs: 'gipiInputSearch',
|
13631
|
-
template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\">\n\n <input class=\"mat-select-search-input mat-input-element\"\n
|
13647
|
+
template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\">\n\n <input class=\"mat-select-search-input mat-input-element\"\n autocomplete=\"off\"\n type=\"text\"\n #searchSelectInput\n [placeholder]=\"placeholderLabel\"\n [formControl]=\"_formControl\"\n (keydown)=\"_handleKeydown($event)\"\n (keyup)=\"_handleKeyup($event)\"\n (blur)=\"onBlur()\">\n\n <mat-spinner *ngIf=\"searching\"\n class=\"mat-select-search-spinner\"\n diameter=\"16\">\n </mat-spinner>\n\n <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n class=\"mat-select-search-clear\"\n aria-label=\"Limpar\"\n mat-icon-button\n (click)=\"_reset(true)\">\n <mat-icon> close </mat-icon>\n </button>\n\n <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n class=\"mat-select-search-no-entries-found\">\n <mat-icon>sentiment_very_dissatisfied</mat-icon>\n Nenhum registro foi encontrado\n</div>",
|
13632
13648
|
providers: [
|
13633
13649
|
{
|
13634
13650
|
provide: NG_VALUE_ACCESSOR,
|
@@ -14023,7 +14039,7 @@ var GIPIInputSelectPagedComponent = /** @class */ (function () {
|
|
14023
14039
|
'class': 'gipi-input-select-paged',
|
14024
14040
|
},
|
14025
14041
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
14026
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-select-paged-content{display:flex;flex-direction:column;gap:
|
14042
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-select-paged-content{display:flex;flex-direction:column;gap:1rem}.input-select-paged-content>label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.input-select-paged-content>label>span{color:#d14014}.field-diasabled{cursor:not-allowed}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{position:absolute!important;right:35px!important;top:34%!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix .mat-icon{height:1.6rem!important;width:1.6rem!important;font-size:1.6rem!important;color:#131313!important}:host ::ng-deep .mat-select-value{padding-right:30px!important}::ng-deep .virtual-scroll-viewport{width:100%!important;overflow:hidden}::ng-deep .virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important}.mat-select-additional-selection{opacity:.75;font-size:.75em;margin-left:16px}.mat-select-search-loading{background-color:#fff;display:flex;align-items:center;justify-content:center;height:3em}.dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.dot-pulse::after,.dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c}.dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}::ng-deep .mat-select-arrow{border:solid #131313!important;border-width:0 2px 2px 0!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;margin:0 4px!important}::ng-deep .mat-option-button-add{position:absolute;bottom:0;left:0;width:100%;z-index:100;background-color:#fff;border-radius:4px}"]
|
14027
14043
|
}),
|
14028
14044
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
14029
14045
|
], GIPIInputSelectPagedComponent);
|
@@ -15365,7 +15381,7 @@ var GIPIRadioGroupComponent = /** @class */ (function () {
|
|
15365
15381
|
'class': 'gipi-radio-group',
|
15366
15382
|
},
|
15367
15383
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
15368
|
-
styles: [".radiogroup-content{display:flex;flex-direction:column;gap:
|
15384
|
+
styles: [".radiogroup-content{display:flex;flex-direction:column;gap:1rem}.radiogroup-content>label,.radiogroup-content>legend{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.radiogroup-content>label>span,.radiogroup-content>legend>span{color:#d14014}.radiogroup-content .radiogroup{display:flex;align-items:center;gap:1rem;padding:8px 0}.fieldset-radio-content{height:6.6rem;border-color:rgba(0,0,0,.12);border-radius:5px}.fieldset-radio-content .radiogroup{width:100%;height:100%;justify-content:space-around}"]
|
15369
15385
|
}),
|
15370
15386
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
15371
15387
|
], GIPIRadioGroupComponent);
|
@@ -16416,7 +16432,7 @@ var GIPISelectComponent = /** @class */ (function () {
|
|
16416
16432
|
},
|
16417
16433
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
16418
16434
|
encapsulation: ViewEncapsulation.None,
|
16419
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.select-content{display:flex;flex-direction:column;gap:
|
16435
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.select-content{display:flex;flex-direction:column;gap:1rem}.select-content .label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.select-content .label>span{color:#d14014}.select-content .select{background-color:#fff;border:1px solid #e0e1e2;color:#6d6f73;border-radius:16px;padding:12px;gap:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:.2s}.select-content .select>span{font-weight:600;font-size:1.4rem;line-height:100%;flex:1}.select-content .select>mat-icon{color:#6d6f73;fill:#6d6f73;max-height:16px}.select-content .select .icon-select{width:16px;height:16px;font-size:1.6rem}.select-overlay-content{list-style:none;max-height:256px;display:flex;flex-direction:column;gap:.8px}.select-overlay-content>li{height:3em;line-height:3em;border-radius:4px;padding:0 16px;text-align:left;cursor:pointer;color:#8c8f93;font-size:1.3rem}.select-overlay-content>li:hover{background-color:#e0e1e2;color:#6d6f73;font-weight:600}.active{background-color:#f3e7e7;color:#e0313e}.disabled{border:1px solid #d1d2d4!important;color:#f5f5f6!important;cursor:not-allowed!important}"]
|
16420
16436
|
}),
|
16421
16437
|
__metadata("design:paramtypes", [])
|
16422
16438
|
], GIPISelectComponent);
|
@@ -16880,7 +16896,7 @@ var GIPISidenavComponent = /** @class */ (function () {
|
|
16880
16896
|
Component({
|
16881
16897
|
selector: "gipi-sidenav",
|
16882
16898
|
exportAs: 'gipiSidenav',
|
16883
|
-
template: "<mat-sidenav #sidenav\n class=\"sidenav\"\n opened=\"true\"\n [class.large-sidenav]=\"(isOpened | async)\"\n [class.small-sidenav]=\"!(isOpened | async)\"\n [disableClose]=\"(isScreenLarge | async)\"\n [mode]=\"(isScreenLarge | async) ? 'side' : 'over'\">\n\n <div [ngClass]=\"{'sidenav-content-menu': true,\n 'show-bottom': (showConfiguration || showIntegration)}\">\n\n <!-- Bot\u00E3o expandir e retrair o menu -->\n <button [attr.id]=\"'buttonToogleSidenav'\"\n [attr.name]=\"'buttonToogleSidenav'\"\n class=\"toggle-sidenav\"\n (click)=\"toggleSidenav(); _mouseEnter = false;\">\n <mat-icon [@indicatorRotate]=\"(isOpened | async) ? 'opened': 'closed'\">\n chevron_right\n </mat-icon>\n\n {{ ((labelToggle) && (isOpened | async)) ? labelToggle : '' }}\n </button>\n\n <!-- Bot\u00E3o voltar do submenu -->\n <div class=\"sidenav-action-menu sidenav-menu-collapsable\">\n <a [attr.id]=\"'buttonSubmenuBack'\"\n [attr.name]=\"'buttonSubmenuBack'\"\n *ngIf=\"(isOpened | async) && (_levelOneMenuCollapsableSelected || _levelTwoMenuCollapsableSelected)\"\n (click)=\"onMenuCollapsableGoBack()\"\n (mouseenter)=\"!_mouseEnter && onMouseEnter()\"\n (mouseleave)=\"_mouseEnter && onMouseLeave()\">\n <mat-icon>\n arrow_back\n </mat-icon>\n <span>\n {{ (submenuBackButtonName | async) }}\n </span>\n </a>\n </div>\n\n <!-- Se o menu item for do tipo submenu -->\n <mat-nav-list class=\"sidenav-menu-list\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\">\n <div class=\"sidenav-action-menu\"\n *ngFor=\"let menu of (levelMenuSelected | async)\">\n <a [attr.id]=\"menu.id\"\n [attr.name]=\"menu.id\"\n [class.menu-active]=\"isMenuActive(menu)\"\n [routerLink]=\"menu.route\"\n *ngIf=\"menu.type === 'ITEM'\"\n (click)=\"onMenuItemSelected(menu)\">\n <mat-icon *ngIf=\"menu.icon\">\n {{ menu.icon }}\n </mat-icon>\n <mat-icon *ngIf=\"menu.svgIcon\"\n [svgIcon]=\"menu.svgIcon\">\n </mat-icon>\n <span *ngIf=\"(isOpened | async)\">\n {{ getMenuName(menu.name) }}\n </span>\n </a>\n\n <a [attr.id]=\"menu.id\"\n [attr.name]=\"menu.id\"\n [class.menu-active]=\"isMenuCollapsableActive(menu)\"\n *ngIf=\"menu.type === 'COLLAPSABLE'\"\n (click)=\"onMenuCollapsableSelected(menu); onMenuItemSelected(menu, false)\">\n <mat-icon *ngIf=\"menu.icon\">\n {{ menu.icon }}\n </mat-icon>\n <mat-icon *ngIf=\"menu.svgIcon\"\n [svgIcon]=\"menu.svgIcon\">\n </mat-icon>\n <span *ngIf=\"(isOpened | async)\">\n {{ getMenuName(menu.name) }}\n </span>\n <mat-icon *ngIf=\"(isOpened | async)\">\n chevron_right\n </mat-icon>\n </a>\n </div>\n </mat-nav-list>\n </div>\n\n <div class=\"sidenav-action-menu sidenav-bottom-menu\">\n <a [attr.id]=\"'integracoes'\"\n [attr.name]=\"'integracoes'\"\n *ngIf=\"showIntegration\"\n (click)=\"onMenuItemSelected(null); onClickMenuIntegration.emit()\">\n <mat-icon *ngIf=\"iconIntegration\">\n {{ iconIntegration }}\n </mat-icon>\n <mat-icon *ngIf=\"svgIconIntegration\"\n [svgIcon]=\"svgIconIntegration\">\n </mat-icon>\n <span *ngIf=\"(labelIntegration) && (isOpened | async)\">\n {{ labelIntegration }}\n </span>\n <div class=\"tag-new\"\n [class.closed]=\"!(isOpened | async)\"\n *ngIf=\"showTagNewIntegration\">\n Novo\n </div>\n </a>\n\n <a [attr.id]=\"'configuracoes'\"\n [attr.name]=\"'configuracoes'\"\n *ngIf=\"showConfiguration\"\n (click)=\"onMenuItemSelected(null); onClickMenuConfiguration.emit()\">\n <mat-icon *ngIf=\"iconConfiguration\">\n {{ iconConfiguration }}\n </mat-icon>\n <mat-icon *ngIf=\"svgIconConfiguration\"\n [svgIcon]=\"svgIconConfiguration\">\n </mat-icon>\n <span *ngIf=\"(labelConfiguration) && (isOpened | async)\">\n {{ labelConfiguration }}\n </span>\n </a>\n </div>\n</mat-sidenav>",
|
16899
|
+
template: "<mat-sidenav #sidenav\n class=\"sidenav\"\n opened=\"true\"\n [class.large-sidenav]=\"(isOpened | async)\"\n [class.small-sidenav]=\"!(isOpened | async)\"\n [disableClose]=\"(isScreenLarge | async)\"\n [mode]=\"(isScreenLarge | async) ? 'side' : 'over'\">\n\n <!-- <div [ngClass]=\"{'sidenav-content-menu': true,\n 'show-bottom': (showConfiguration || showIntegration)}\"> -->\n <div class=\"sidenav-content-menu\">\n\n <!-- Bot\u00E3o expandir e retrair o menu -->\n <button [attr.id]=\"'buttonToogleSidenav'\"\n [attr.name]=\"'buttonToogleSidenav'\"\n class=\"toggle-sidenav\"\n (click)=\"toggleSidenav(); _mouseEnter = false;\">\n <mat-icon [@indicatorRotate]=\"(isOpened | async) ? 'opened': 'closed'\">\n chevron_right\n </mat-icon>\n\n {{ ((labelToggle) && (isOpened | async)) ? labelToggle : '' }}\n </button>\n\n <!-- Bot\u00E3o voltar do submenu -->\n <div class=\"sidenav-action-menu sidenav-menu-collapsable\">\n <a [attr.id]=\"'buttonSubmenuBack'\"\n [attr.name]=\"'buttonSubmenuBack'\"\n *ngIf=\"(isOpened | async) && (_levelOneMenuCollapsableSelected || _levelTwoMenuCollapsableSelected)\"\n (click)=\"onMenuCollapsableGoBack()\"\n (mouseenter)=\"!_mouseEnter && onMouseEnter()\"\n (mouseleave)=\"_mouseEnter && onMouseLeave()\">\n <mat-icon>\n arrow_back\n </mat-icon>\n <span>\n {{ (submenuBackButtonName | async) }}\n </span>\n </a>\n </div>\n\n <!-- Se o menu item for do tipo submenu -->\n <mat-nav-list class=\"sidenav-menu-list\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\">\n <div class=\"sidenav-action-menu\"\n *ngFor=\"let menu of (levelMenuSelected | async)\">\n <a [attr.id]=\"menu.id\"\n [attr.name]=\"menu.id\"\n [class.menu-active]=\"isMenuActive(menu)\"\n [routerLink]=\"menu.route\"\n *ngIf=\"menu.type === 'ITEM'\"\n (click)=\"onMenuItemSelected(menu)\">\n <mat-icon *ngIf=\"menu.icon\">\n {{ menu.icon }}\n </mat-icon>\n <mat-icon *ngIf=\"menu.svgIcon\"\n [svgIcon]=\"menu.svgIcon\">\n </mat-icon>\n <span *ngIf=\"(isOpened | async)\">\n {{ getMenuName(menu.name) }}\n </span>\n </a>\n\n <a [attr.id]=\"menu.id\"\n [attr.name]=\"menu.id\"\n [class.menu-active]=\"isMenuCollapsableActive(menu)\"\n *ngIf=\"menu.type === 'COLLAPSABLE'\"\n (click)=\"onMenuCollapsableSelected(menu); onMenuItemSelected(menu, false)\">\n <mat-icon *ngIf=\"menu.icon\">\n {{ menu.icon }}\n </mat-icon>\n <mat-icon *ngIf=\"menu.svgIcon\"\n [svgIcon]=\"menu.svgIcon\">\n </mat-icon>\n <span *ngIf=\"(isOpened | async)\">\n {{ getMenuName(menu.name) }}\n </span>\n <mat-icon *ngIf=\"(isOpened | async)\">\n chevron_right\n </mat-icon>\n </a>\n </div>\n </mat-nav-list>\n </div>\n\n <div class=\"sidenav-action-menu sidenav-bottom-menu\">\n <a [attr.id]=\"'integracoes'\"\n [attr.name]=\"'integracoes'\"\n *ngIf=\"showIntegration\"\n (click)=\"onMenuItemSelected(null); onClickMenuIntegration.emit()\">\n <mat-icon *ngIf=\"iconIntegration\">\n {{ iconIntegration }}\n </mat-icon>\n <mat-icon *ngIf=\"svgIconIntegration\"\n [svgIcon]=\"svgIconIntegration\">\n </mat-icon>\n <span *ngIf=\"(labelIntegration) && (isOpened | async)\">\n {{ labelIntegration }}\n </span>\n <div class=\"tag-new\"\n [class.closed]=\"!(isOpened | async)\"\n *ngIf=\"showTagNewIntegration\">\n Novo\n </div>\n </a>\n\n <a [attr.id]=\"'configuracoes'\"\n [attr.name]=\"'configuracoes'\"\n *ngIf=\"showConfiguration\"\n (click)=\"onMenuItemSelected(null); onClickMenuConfiguration.emit()\">\n <mat-icon *ngIf=\"iconConfiguration\">\n {{ iconConfiguration }}\n </mat-icon>\n <mat-icon *ngIf=\"svgIconConfiguration\"\n [svgIcon]=\"svgIconConfiguration\">\n </mat-icon>\n <span *ngIf=\"(labelConfiguration) && (isOpened | async)\">\n {{ labelConfiguration }}\n </span>\n </a>\n </div>\n</mat-sidenav>",
|
16884
16900
|
encapsulation: ViewEncapsulation.None,
|
16885
16901
|
providers: [
|
16886
16902
|
{
|
@@ -16899,7 +16915,7 @@ var GIPISidenavComponent = /** @class */ (function () {
|
|
16899
16915
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
16900
16916
|
])
|
16901
16917
|
],
|
16902
|
-
styles: [".sidenav{padding:.8rem 1.2rem;border-radius:5px;background-color:#fff;position:fixed!important;top:66px!important;bottom:8px!important;border:0!important}.sidenav.small-sidenav{overflow-y:auto;width:76px}.sidenav.small-sidenav .sidenav-bottom-menu,.sidenav.small-sidenav .sidenav-content-menu .sidenav-menu-list .action-sidenav,.sidenav.small-sidenav .sidenav-content-menu .toggle-sidenav{text-align:center!important}.sidenav.large-sidenav{overflow-y:auto;width:248px}.sidenav .sidenav-content-menu{width:100%;background-color:#f5f5f6;border-radius:4px;display:flex;flex-direction:column;align-items:stretch;height:100
|
16918
|
+
styles: [".sidenav{padding:.8rem 1.2rem;border-radius:5px;background-color:#fff;position:fixed!important;top:66px!important;bottom:8px!important;border:0!important}.sidenav.small-sidenav{overflow-y:auto;width:76px}.sidenav.small-sidenav .sidenav-bottom-menu,.sidenav.small-sidenav .sidenav-content-menu .sidenav-menu-list .action-sidenav,.sidenav.small-sidenav .sidenav-content-menu .toggle-sidenav{text-align:center!important}.sidenav.large-sidenav{overflow-y:auto;width:248px}.sidenav .sidenav-content-menu{width:100%;background-color:#f5f5f6;border-radius:4px;display:flex;flex-direction:column;align-items:stretch;height:100%;flex:1}.sidenav .sidenav-content-menu .toggle-sidenav{all:unset;border-radius:4px;border:none;text-align:left;cursor:pointer;background-color:#e0313e;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 16px}.sidenav .sidenav-content-menu .toggle-sidenav>mat-icon{width:2rem;height:2rem;font-size:2rem}.sidenav .sidenav-content-menu .toggle-sidenav:hover{background-color:#cc2d38}.sidenav .sidenav-content-menu .sidenav-menu-list{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.sidenav .sidenav-content-menu .sidenav-menu-list::-webkit-scrollbar{display:none}.menu-active{color:#e0313e!important;background-color:#e0e1e2!important}.menu-active>mat-icon,.menu-active>mat-icon svg,.menu-active>mat-icon svg path{color:#e0313e!important;fill:#e0313e!important}.sidenav-action-menu{cursor:pointer;display:flex}.sidenav-action-menu.sidenav-bottom-menu{flex-direction:column;gap:1rem;margin-top:1rem}.sidenav-action-menu a{flex:1;padding:16px;background-color:#f5f5f6;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1.4rem;font-weight:600;position:relative;overflow:hidden}.sidenav-action-menu a:hover{background-color:#e0e1e2}.sidenav-action-menu a>span{flex:1;line-height:2rem}.sidenav-action-menu a>mat-icon{width:2rem;height:2rem;font-size:2rem;line-height:2rem;color:#595959;fill:#595959}.sidenav-action-menu a>mat-icon svg,.sidenav-action-menu a>mat-icon svg path{color:#595959;fill:#595959}.sidenav-bottom-menu a{border-radius:4px}.sidenav-menu-collapsable a{background-color:#e0e1e2}.sidenav-menu-collapsable a:hover{background-color:#d1d2d4}.mat-list-base{padding-top:0!important}.mat-drawer-inner-container{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;overflow:hidden!important}.mat-drawer:not(.mat-drawer-side){box-shadow:none!important}.tag-new{display:flex;align-items:center;justify-content:center;background-color:#e0313e;color:#fff;padding:.2rem .6rem;font-size:1rem;line-height:1rem;border-radius:.4rem}.tag-new.closed{position:absolute;top:15px;right:20px;width:52px;z-index:1;transform:translateX(70%) translateY(-85%) rotate(45deg);transform-origin:center;overflow:hidden;font-size:.8rem!important;line-height:.8rem!important}"]
|
16903
16919
|
}),
|
16904
16920
|
__metadata("design:paramtypes", [NavService,
|
16905
16921
|
BreakpointObserverService,
|
@@ -23332,7 +23348,7 @@ var DateRangePickerComponent = /** @class */ (function () {
|
|
23332
23348
|
host: {
|
23333
23349
|
'class': 'gipi-date-range-picker',
|
23334
23350
|
},
|
23335
|
-
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .mat-date-range-input{height:4rem!important;padding-left:.8rem!important}::ng-deep .mat-date-range-input-container,::ng-deep .mat-date-range-input-end-wrapper,::ng-deep .mat-date-range-input-inner,::ng-deep .mat-date-range-input-start-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:100%;height:100%;padding-bottom:3px}::ng-deep .mat-date-range-input-inner{padding:0!important}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
|
23351
|
+
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .mat-date-range-input{height:4rem!important;padding-left:.8rem!important}::ng-deep .mat-date-range-input-container,::ng-deep .mat-date-range-input-end-wrapper,::ng-deep .mat-date-range-input-inner,::ng-deep .mat-date-range-input-start-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:100%;height:100%;padding-bottom:3px}::ng-deep .mat-date-range-input-end-wrapper{padding-bottom:0!important}::ng-deep .mat-date-range-input-inner{padding:0!important}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
|
23336
23352
|
}),
|
23337
23353
|
__metadata("design:paramtypes", [ElementRef,
|
23338
23354
|
ChangeDetectorRef])
|