@masterkeymaterial/ui 0.2.7 → 0.2.10
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.
|
@@ -3102,10 +3102,10 @@ class BaseFieldsValues {
|
|
|
3102
3102
|
let isUltimaFase = this.faseIndex() >= (this.listaFase().length - 1);
|
|
3103
3103
|
this.isDisabledAction.set(!isUltimaFase);
|
|
3104
3104
|
}
|
|
3105
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3106
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
3105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BaseFieldsValues, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: BaseFieldsValues, isStandalone: true, selector: "fields-base-fields-values", inputs: { values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, campos: { classPropertyName: "campos", publicName: "campos", isSignal: true, isRequired: true, transformFunction: null }, fases: { classPropertyName: "fases", publicName: "fases", isSignal: true, isRequired: false, transformFunction: null }, gmin: { classPropertyName: "gmin", publicName: "gmin", isSignal: true, isRequired: false, transformFunction: null }, gmax: { classPropertyName: "gmax", publicName: "gmax", isSignal: true, isRequired: false, transformFunction: null }, showFormControls: { classPropertyName: "showFormControls", publicName: "showFormControls", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange", formulario: "formulario" }, ngImport: i0, template: '', isInline: true });
|
|
3107
3107
|
}
|
|
3108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BaseFieldsValues, decorators: [{
|
|
3109
3109
|
type: Component,
|
|
3110
3110
|
args: [{
|
|
3111
3111
|
selector: 'fields-base-fields-values',
|
|
@@ -3207,10 +3207,10 @@ class BaseFieldsForm {
|
|
|
3207
3207
|
this.updateCampo({ errors: errosAtuais.filter(e => e !== erroRemover) });
|
|
3208
3208
|
}
|
|
3209
3209
|
}
|
|
3210
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3211
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
3210
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BaseFieldsForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: BaseFieldsForm, isStandalone: true, selector: "app-BaseFieldsForm", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { change: "change" }, host: { properties: { "style.grid-area": "this.gridArea" } }, ngImport: i0, template: '', isInline: true });
|
|
3212
3212
|
}
|
|
3213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BaseFieldsForm, decorators: [{
|
|
3214
3214
|
type: Component,
|
|
3215
3215
|
args: [{ selector: 'app-BaseFieldsForm', template: '' }]
|
|
3216
3216
|
}], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], change: [{ type: i0.Output, args: ["change"] }], gridArea: [{
|
|
@@ -3331,10 +3331,10 @@ class UiButton {
|
|
|
3331
3331
|
ripple.remove();
|
|
3332
3332
|
});
|
|
3333
3333
|
}
|
|
3334
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3335
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3334
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3335
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: UiButton, isStandalone: true, selector: "ui-button", inputs: { icone: { classPropertyName: "icone", publicName: "icone", isSignal: true, isRequired: false, transformFunction: null }, iconeAntes: { classPropertyName: "iconeAntes", publicName: "iconeAntes", isSignal: true, isRequired: false, transformFunction: null }, iconeDepois: { classPropertyName: "iconeDepois", publicName: "iconeDepois", isSignal: true, isRequired: false, transformFunction: null }, iconeCategory: { classPropertyName: "iconeCategory", publicName: "iconeCategory", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, eventPropagation: { classPropertyName: "eventPropagation", publicName: "eventPropagation", isSignal: true, isRequired: false, transformFunction: null }, radiusTabFormat: { classPropertyName: "radiusTabFormat", publicName: "radiusTabFormat", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, tema: { classPropertyName: "tema", publicName: "tema", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, ativo: { classPropertyName: "ativo", publicName: "ativo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { icone: "iconeChange", iconeAntes: "iconeAntesChange", iconeDepois: "iconeDepoisChange", iconeCategory: "iconeCategoryChange", clicked: "clicked", tema: "temaChange" }, viewQueries: [{ propertyName: "botao", first: true, predicate: ["botao"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "rippleEffect", first: true, predicate: ["rippleEffect"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "ripple", first: true, predicate: ["ripple"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<button #botao type=\"button\" [class]=\"buttonClasses()\" [style.--btnr-corFundo]=\"corFundo()\"\n\t[style.--btnr-corFrente]=\"corFrente()\" [disabled]=\"disabled()\" [tabIndex]=\"tabindex()\"\n\t[class.radiusTabFormat]=\"radiusTabFormat()\" [class.disabled]=\"disabled()\" [class.ativo]=\"ativo()\"\n\t(keyup.Enter)=\"onKeyPressed($event)\" [class.category]=\"isCategory()\">\n\t@if(icone() && iconeAntes()){ <div class=\"icone iconeAntes\"><i [class]=\"icone()\"></i></div> }\n\t<ng-content />\n\t@if(icone() && iconeDepois()){ <div class=\"icone iconeDepois\"><i [class]=\"icone()\"></i></div> }\n\t@if(isCategory()){ <div class=\"icone iconeCategory\"><i [class]=\"iconeCategory()\"></i></div> }\n\t<span #rippleEffect class=\"expandedClick\" (click)=\"onClickExpanded($event)\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</button>", styles: [":host{display:block;-webkit-user-select:none;user-select:none}button{width:var(--ui-width, 100%);height:var(--ui-height, 40px);min-height:var(--ui-min-height, auto);display:var(--ui-display, flex);flex-direction:var(--ui-flex-direction, row);justify-content:var(--ui-justify-content, center);align-items:var(--ui-align-items, center);background-color:var(--ui-background, var(--sys-background));color:var(--ui-on-background, var(--sys-on-background));border-radius:var(--ui-border-radius, var(--sys-border-radius, 15px));gap:var(--ui-gap, .5rem);text-align:var(--ui-text-align, center);font-size:var(--ui-font-size, 14px);cursor:pointer;text-decoration:none;border:none;position:relative;padding:var(--ui-padding, 0 16px);outline:1px solid var(--ui-outline-color, transparent);outline-offset:var(--ui-outline-offset, -1px);margin:var(--ui-margin, 0);--button-transparency: var(--ui-effect-color, light-dark(#00000025, #ffffff25))}button.radiusTabFormat{border-radius:var(--sys-border-radius, 15px) var(--sys-border-radius, 15px) 0 0}button:hover,button:focus-visible{filter:brightness(1.1) saturate(1.1)}button.icon:hover,button.nofill:hover,button.outlined:hover,button.menu-item:hover,button.menu-item-category:hover,button.sidebar-item:hover,button.sidebar-item-category:hover,button.big:hover,button.big:focus-visible,button.icon:focus-visible,button.nofill:focus-visible{background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}.expandedClick:hover{cursor:pointer}button.fill{background-color:var(--btnr-corFundo, var(--sys-background));color:var(--btnr-corFrente, var(--sys-on-background));--ui-cor-icone: var(--btnr-corFrente, var(--sys-on-background))}button.nofill{background-color:var(--ui-background, transparent);color:var(--ui-on-background, var(--btnr-corFundo, var(--sys-on-background)))}button.icon{background-color:transparent;--ui-cor-icone: var(--ui-on-background, var(--btnr-corFundo));height:var(--ui-height, 100%);min-width:36px;aspect-ratio:1 / 1;padding:0;display:flex;align-items:center;justify-content:center}button.outlined{outline:1px solid var(--ui-outline-color, var(--sys-outline));color:var(--btnr-corFundo);background-color:transparent}button.menu-item,button.menu-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start)}button.raised{color:var(--btnr-corFundo);background-color:color-mix(in srgb,var(--sys-background) 40%,transparent 60%);box-shadow:2px 2px 4px var(--button-transparency),inset -1px -1px 1px var(--button-transparency)}button.big{background-color:transparent;color:var(--btnr-corFundo);height:var(--ui-height, 100%);padding:var(--ui-padding, 10px)}button.sidebar-item,button.sidebar-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start);border-top-right-radius:var(--sys-border-radius);border-bottom-right-radius:var(--sys-border-radius);transition:all .3s;outline:none}.ripple{position:absolute;border-radius:50%;background:var(--button-transparency);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.expandedClick{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;border-radius:inherit}.icon .expandedClick{transform:scale(1.1)}.disabled,.disabled .expandedClick{pointer-events:none;cursor:default;filter:grayscale(1);opacity:.7}.icone{flex:0;opacity:var(--ui-opacity, 1);font-size:var(--ui-font-size-icone, var(--ui-font-size));color:var(--ui-cor-icone, var(--btnr-corFundo, var(--sys-on-background)))}.iconeCategory{position:absolute;right:10px;transition:transform .3s}.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--sys-border-radius)}button.sidebar-item.ativo,button.sidebar-item-category.ativo{outline:none;box-shadow:none;background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}button.sidebar-item-category.category.ativo .iconeCategory{transform:rotate(180deg);transition:transform .3s}\n"] });
|
|
3336
3336
|
}
|
|
3337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiButton, decorators: [{
|
|
3338
3338
|
type: Component,
|
|
3339
3339
|
args: [{ selector: 'ui-button', template: "<button #botao type=\"button\" [class]=\"buttonClasses()\" [style.--btnr-corFundo]=\"corFundo()\"\n\t[style.--btnr-corFrente]=\"corFrente()\" [disabled]=\"disabled()\" [tabIndex]=\"tabindex()\"\n\t[class.radiusTabFormat]=\"radiusTabFormat()\" [class.disabled]=\"disabled()\" [class.ativo]=\"ativo()\"\n\t(keyup.Enter)=\"onKeyPressed($event)\" [class.category]=\"isCategory()\">\n\t@if(icone() && iconeAntes()){ <div class=\"icone iconeAntes\"><i [class]=\"icone()\"></i></div> }\n\t<ng-content />\n\t@if(icone() && iconeDepois()){ <div class=\"icone iconeDepois\"><i [class]=\"icone()\"></i></div> }\n\t@if(isCategory()){ <div class=\"icone iconeCategory\"><i [class]=\"iconeCategory()\"></i></div> }\n\t<span #rippleEffect class=\"expandedClick\" (click)=\"onClickExpanded($event)\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</button>", styles: [":host{display:block;-webkit-user-select:none;user-select:none}button{width:var(--ui-width, 100%);height:var(--ui-height, 40px);min-height:var(--ui-min-height, auto);display:var(--ui-display, flex);flex-direction:var(--ui-flex-direction, row);justify-content:var(--ui-justify-content, center);align-items:var(--ui-align-items, center);background-color:var(--ui-background, var(--sys-background));color:var(--ui-on-background, var(--sys-on-background));border-radius:var(--ui-border-radius, var(--sys-border-radius, 15px));gap:var(--ui-gap, .5rem);text-align:var(--ui-text-align, center);font-size:var(--ui-font-size, 14px);cursor:pointer;text-decoration:none;border:none;position:relative;padding:var(--ui-padding, 0 16px);outline:1px solid var(--ui-outline-color, transparent);outline-offset:var(--ui-outline-offset, -1px);margin:var(--ui-margin, 0);--button-transparency: var(--ui-effect-color, light-dark(#00000025, #ffffff25))}button.radiusTabFormat{border-radius:var(--sys-border-radius, 15px) var(--sys-border-radius, 15px) 0 0}button:hover,button:focus-visible{filter:brightness(1.1) saturate(1.1)}button.icon:hover,button.nofill:hover,button.outlined:hover,button.menu-item:hover,button.menu-item-category:hover,button.sidebar-item:hover,button.sidebar-item-category:hover,button.big:hover,button.big:focus-visible,button.icon:focus-visible,button.nofill:focus-visible{background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}.expandedClick:hover{cursor:pointer}button.fill{background-color:var(--btnr-corFundo, var(--sys-background));color:var(--btnr-corFrente, var(--sys-on-background));--ui-cor-icone: var(--btnr-corFrente, var(--sys-on-background))}button.nofill{background-color:var(--ui-background, transparent);color:var(--ui-on-background, var(--btnr-corFundo, var(--sys-on-background)))}button.icon{background-color:transparent;--ui-cor-icone: var(--ui-on-background, var(--btnr-corFundo));height:var(--ui-height, 100%);min-width:36px;aspect-ratio:1 / 1;padding:0;display:flex;align-items:center;justify-content:center}button.outlined{outline:1px solid var(--ui-outline-color, var(--sys-outline));color:var(--btnr-corFundo);background-color:transparent}button.menu-item,button.menu-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start)}button.raised{color:var(--btnr-corFundo);background-color:color-mix(in srgb,var(--sys-background) 40%,transparent 60%);box-shadow:2px 2px 4px var(--button-transparency),inset -1px -1px 1px var(--button-transparency)}button.big{background-color:transparent;color:var(--btnr-corFundo);height:var(--ui-height, 100%);padding:var(--ui-padding, 10px)}button.sidebar-item,button.sidebar-item-category{color:var(--ui-color, var(--sys-on-background));background-color:transparent;border-radius:0;padding:var(--ui-padding, 0 16px);height:var(--ui-height, auto);min-height:var(--ui-min-height, 40px);justify-content:var(--ui-justify-content, flex-start);border-top-right-radius:var(--sys-border-radius);border-bottom-right-radius:var(--sys-border-radius);transition:all .3s;outline:none}.ripple{position:absolute;border-radius:50%;background:var(--button-transparency);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.expandedClick{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden;border-radius:inherit}.icon .expandedClick{transform:scale(1.1)}.disabled,.disabled .expandedClick{pointer-events:none;cursor:default;filter:grayscale(1);opacity:.7}.icone{flex:0;opacity:var(--ui-opacity, 1);font-size:var(--ui-font-size-icone, var(--ui-font-size));color:var(--ui-cor-icone, var(--btnr-corFundo, var(--sys-on-background)))}.iconeCategory{position:absolute;right:10px;transition:transform .3s}.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--sys-border-radius)}button.sidebar-item.ativo,button.sidebar-item-category.ativo{outline:none;box-shadow:none;background-color:color-mix(in srgb,var(--btnr-corFundo, hsl(0 0 50)) 10%,transparent 90%)}button.sidebar-item-category.category.ativo .iconeCategory{transform:rotate(180deg);transition:transform .3s}\n"] }]
|
|
3340
3340
|
}], ctorParameters: () => [], propDecorators: { botao: [{ type: i0.ViewChild, args: ['botao', { ...{ read: ElementRef }, isSignal: true }] }], rippleEffect: [{ type: i0.ViewChild, args: ['rippleEffect', { ...{ read: ElementRef }, isSignal: true }] }], ripple: [{ type: i0.ViewChild, args: ['ripple', { ...{ read: ElementRef }, isSignal: true }] }], icone: [{ type: i0.Input, args: [{ isSignal: true, alias: "icone", required: false }] }, { type: i0.Output, args: ["iconeChange"] }], iconeAntes: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconeAntes", required: false }] }, { type: i0.Output, args: ["iconeAntesChange"] }], iconeDepois: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconeDepois", required: false }] }, { type: i0.Output, args: ["iconeDepoisChange"] }], iconeCategory: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconeCategory", required: false }] }, { type: i0.Output, args: ["iconeCategoryChange"] }], clicked: [{ type: i0.Output, args: ["clicked"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], eventPropagation: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventPropagation", required: false }] }], radiusTabFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "radiusTabFormat", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], tipo: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipo", required: false }] }], tema: [{ type: i0.Input, args: [{ isSignal: true, alias: "tema", required: false }] }, { type: i0.Output, args: ["temaChange"] }], classes: [{ type: i0.Input, args: [{ isSignal: true, alias: "classes", required: false }] }], ativo: [{ type: i0.Input, args: [{ isSignal: true, alias: "ativo", required: false }] }] } });
|
|
@@ -3357,10 +3357,10 @@ class UiChip {
|
|
|
3357
3357
|
}
|
|
3358
3358
|
return null;
|
|
3359
3359
|
}, ...(ngDevMode ? [{ debugName: "hue" }] : /* istanbul ignore next */ []));
|
|
3360
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3361
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
3360
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3361
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: UiChip, isStandalone: true, selector: "ui-chip", inputs: { cor: { classPropertyName: "cor", publicName: "cor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"baseChip\" [style.--ChipHue]=\"hue() ?? 'var(--sys-hue-color1)'\">\n\t<ng-content></ng-content>\n</span>", styles: [":host{display:var(--ui-display, contents)}.baseChip{display:inline-block;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1;outline-offset:-2px;padding:4px 7px;color:#fff;letter-spacing:1.1px;text-transform:uppercase;font-family:monospace;font-size:12px;border-radius:var(--sys-border-radius);outline:1px solid hsl(var(--ChipHue) 50 var(--lightnessHalf) / 50%);color:hsl(var(--ChipHue) 50 var(--lightnessHalf));background-color:hsl(var(--ChipHue) 50 50 / 10%)}\n"] });
|
|
3362
3362
|
}
|
|
3363
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3363
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiChip, decorators: [{
|
|
3364
3364
|
type: Component,
|
|
3365
3365
|
args: [{ selector: 'ui-chip', template: "<span class=\"baseChip\" [style.--ChipHue]=\"hue() ?? 'var(--sys-hue-color1)'\">\n\t<ng-content></ng-content>\n</span>", styles: [":host{display:var(--ui-display, contents)}.baseChip{display:inline-block;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1;outline-offset:-2px;padding:4px 7px;color:#fff;letter-spacing:1.1px;text-transform:uppercase;font-family:monospace;font-size:12px;border-radius:var(--sys-border-radius);outline:1px solid hsl(var(--ChipHue) 50 var(--lightnessHalf) / 50%);color:hsl(var(--ChipHue) 50 var(--lightnessHalf));background-color:hsl(var(--ChipHue) 50 50 / 10%)}\n"] }]
|
|
3366
3366
|
}], propDecorators: { cor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cor", required: false }] }] } });
|
|
@@ -3422,6 +3422,7 @@ class UiDropZone {
|
|
|
3422
3422
|
continue;
|
|
3423
3423
|
}
|
|
3424
3424
|
output.data.push({
|
|
3425
|
+
url: null,
|
|
3425
3426
|
base64: base64,
|
|
3426
3427
|
name: file.name,
|
|
3427
3428
|
size: file.size,
|
|
@@ -3494,10 +3495,10 @@ class UiDropZone {
|
|
|
3494
3495
|
ripple.remove();
|
|
3495
3496
|
});
|
|
3496
3497
|
}
|
|
3497
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3498
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
3498
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiDropZone, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3499
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: UiDropZone, isStandalone: true, selector: "ui-drop-zone", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, sobrepor: { classPropertyName: "sobrepor", publicName: "sobrepor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", clicked: "clicked", changed: "changed" }, viewQueries: [{ propertyName: "rippleEffect", first: true, predicate: ["rippleEffect"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "ripple", first: true, predicate: ["ripple"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #dropzonearea class=\"dropzone\" [class.naosobrepor]=\"!sobrepor()\" (dragenter)=\"onDropZone('dragenter',$event)\"\n\t(dragleave)=\"onDropZone('dragleave',$event)\" (drop)=\"onDrop($event)\" (dragover)=\"onDropZone('dragover',$event)\"\n\t(click)=\"onDropZone('click',$event)\" [class.disabled]=\"disabled()\" [class.dragging]=\"isDragging\">\n\t<span #rippleEffect class=\"rippleArea\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</div>\n<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;padding:5px;width:100%;min-height:var(--ui-min-height, 200px)}.dropzone{--minOffset: 1px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:var(--sys-border-radius);background-color:var(--sys-primary-15);cursor:pointer;outline:1px dashed var(--sys-primary);outline-offset:var(--minOffset);position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;z-index:1}.dropzone.naosobrepor{z-index:0}.dropzone.disabled{filter:grayscale(1);cursor:auto;pointer-events:none;opacity:.8}.dropzone *{pointer-events:none}.dropzone.dragging .grid{pointer-events:none!important}.dropzone.dragging{outline:3px dashed var(--sys-primary);animation:onDragging .8s infinite ease-in-out}@keyframes onDragging{0%{outline-offset:var(--minOffset)}50%{outline-offset:-8px}to{outline-offset:var(--minOffset)}}.ripple{position:absolute;border-radius:50%;background:rgba(var(--toDark),.2);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.ripple.red{background:#f003}\n"] });
|
|
3499
3500
|
}
|
|
3500
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiDropZone, decorators: [{
|
|
3501
3502
|
type: Component,
|
|
3502
3503
|
args: [{ selector: 'ui-drop-zone', template: "<div #dropzonearea class=\"dropzone\" [class.naosobrepor]=\"!sobrepor()\" (dragenter)=\"onDropZone('dragenter',$event)\"\n\t(dragleave)=\"onDropZone('dragleave',$event)\" (drop)=\"onDrop($event)\" (dragover)=\"onDropZone('dragover',$event)\"\n\t(click)=\"onDropZone('click',$event)\" [class.disabled]=\"disabled()\" [class.dragging]=\"isDragging\">\n\t<span #rippleEffect class=\"rippleArea\">\n\t\t<span #ripple class=\"ripple\"></span>\n\t</span>\n</div>\n<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;padding:5px;width:100%;min-height:var(--ui-min-height, 200px)}.dropzone{--minOffset: 1px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:var(--sys-border-radius);background-color:var(--sys-primary-15);cursor:pointer;outline:1px dashed var(--sys-primary);outline-offset:var(--minOffset);position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;z-index:1}.dropzone.naosobrepor{z-index:0}.dropzone.disabled{filter:grayscale(1);cursor:auto;pointer-events:none;opacity:.8}.dropzone *{pointer-events:none}.dropzone.dragging .grid{pointer-events:none!important}.dropzone.dragging{outline:3px dashed var(--sys-primary);animation:onDragging .8s infinite ease-in-out}@keyframes onDragging{0%{outline-offset:var(--minOffset)}50%{outline-offset:-8px}to{outline-offset:var(--minOffset)}}.ripple{position:absolute;border-radius:50%;background:rgba(var(--toDark),.2);transform:scale(0);animation:ripple-animation .7s ease-out;pointer-events:none;z-index:2}@keyframes ripple-animation{to{transform:scale(1.4);opacity:0}}.ripple.red{background:#f003}\n"] }]
|
|
3503
3504
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sobrepor: [{ type: i0.Input, args: [{ isSignal: true, alias: "sobrepor", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], changed: [{ type: i0.Output, args: ["changed"] }], rippleEffect: [{ type: i0.ViewChild, args: ['rippleEffect', { ...{ read: ElementRef }, isSignal: true }] }], ripple: [{ type: i0.ViewChild, args: ['ripple', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
@@ -3511,10 +3512,10 @@ class UiFileList {
|
|
|
3511
3512
|
return;
|
|
3512
3513
|
this.remove.emit(file);
|
|
3513
3514
|
}
|
|
3514
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3515
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3515
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiFileList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3516
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: UiFileList, isStandalone: true, selector: "ui-file-list", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, filesList: { classPropertyName: "filesList", publicName: "filesList", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"e-filelist-area\">\n\t@for (file of filesList(); track $index) {\n\t<div class=\"e-filelist-item\">\n\t\t<div class=\"e-filelist-item-icon\">\n\t\t\t<i class=\"bi bi-file-earmark-fill\"></i>\n\t\t\t<div class=\"e-filelist-item-icon-ext\">{{ file.extension?.slice(1) }}</div>\n\t\t</div>\n\t\t<div class=\"e-filelist-item-text\">{{ file.name }}</div>\n\t\t<div class=\"e-filelist-action\">\n\t\t\t@if(!disabled()){\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" [disabled]=\"disabled()\" (click)=\"onDelete(file)\" icone=\"bi bi-x-lg\">\n\t\t\t</ui-button>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [":host{width:100%}.e-filelist-area{display:flex;flex-direction:column;gap:12px;margin:6px 0;width:100%}.e-filelist-item{display:grid;grid-template-columns:1fr auto 1fr;gap:5px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;aspect-ratio:1 / 1;border-radius:6px;font-size:1.2rem}.e-filelist-item-icon-ext{display:flex;justify-content:center;align-items:center;font-size:.7rem}.e-filelist-item-text{align-items:center;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }] });
|
|
3516
3517
|
}
|
|
3517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiFileList, decorators: [{
|
|
3518
3519
|
type: Component,
|
|
3519
3520
|
args: [{ selector: 'ui-file-list', imports: [UiButton], template: "<div class=\"e-filelist-area\">\n\t@for (file of filesList(); track $index) {\n\t<div class=\"e-filelist-item\">\n\t\t<div class=\"e-filelist-item-icon\">\n\t\t\t<i class=\"bi bi-file-earmark-fill\"></i>\n\t\t\t<div class=\"e-filelist-item-icon-ext\">{{ file.extension?.slice(1) }}</div>\n\t\t</div>\n\t\t<div class=\"e-filelist-item-text\">{{ file.name }}</div>\n\t\t<div class=\"e-filelist-action\">\n\t\t\t@if(!disabled()){\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" [disabled]=\"disabled()\" (click)=\"onDelete(file)\" icone=\"bi bi-x-lg\">\n\t\t\t</ui-button>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [":host{width:100%}.e-filelist-area{display:flex;flex-direction:column;gap:12px;margin:6px 0;width:100%}.e-filelist-item{display:grid;grid-template-columns:1fr auto 1fr;gap:5px}.e-filelist-item-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;aspect-ratio:1 / 1;border-radius:6px;font-size:1.2rem}.e-filelist-item-icon-ext{display:flex;justify-content:center;align-items:center;font-size:.7rem}.e-filelist-item-text{align-items:center;align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
|
|
3520
3521
|
}], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filesList: [{ type: i0.Input, args: [{ isSignal: true, alias: "filesList", required: false }] }], remove: [{ type: i0.Output, args: ["remove"] }] } });
|
|
@@ -3931,10 +3932,10 @@ class UiSelect {
|
|
|
3931
3932
|
}
|
|
3932
3933
|
}, 1);
|
|
3933
3934
|
}
|
|
3934
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3935
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3935
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3936
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: UiSelect, isStandalone: true, selector: "ui-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, canUnselect: { classPropertyName: "canUnselect", publicName: "canUnselect", isSignal: true, isRequired: false, transformFunction: null }, textEmpty: { classPropertyName: "textEmpty", publicName: "textEmpty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { listeners: { "document:click": "onDocumentClick($event)" }, properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "displayText", first: true, predicate: ["displayText"], descendants: true, isSignal: true }, { propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsOverlay", first: true, predicate: ["optionsOverlay"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }, { propertyName: "optionSearchInput", first: true, predicate: ["optionSearchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #triggerElement class=\"e-select-container\" (click)=\"onOpenOrCloseOptions()\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keyup.ArrowDown)=\"onOpenOrCloseOptions()\" (keyup.ArrowUp)=\"onOpenOrCloseOptions()\">\n\t<div class=\"e-select\">\n\t\t<input #displayText type=\"text\" [name]=\"'select_'+(name() ?? '')\" [value]=\"textoExibindo()\" readonly\n\t\t\t[placeholder]=\"placeholder() ?? ''\" [disabled]=\"disabled()\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t</div>\n\t<div class=\"e-select-arrow-area\">\n\t\t<div class=\"e-select-arrow\" [class.open]=\"isOpenedOptions()\"></div>\n\t</div>\n</div>\n\n\n<div #optionsOverlay class=\"e-select-overlay\" [class.open]=\"isOpenedOptions()\" (click)=\"closeOverlay()\">\n\n\t<div #optionsContainer class=\"e-select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t\t[class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t\t@if(isOpenedOptions()) {\n\t\t<div class=\"e-select-search-area\" [style.minWidth.px]=\"optionMinWidth()\">\n\t\t\t<input #optionSearchInput type=\"text\" name=\"e-select-search-input\" class=\"e-select-search\"\n\t\t\t\t(keyup)=\"markKey($event)\" placeholder=\"Procurar...\" [value]=\"textoFiltrado()\" (keydown.Escape)=\"closeOverlay()\"\n\t\t\t\tsize=\"8\" (keydown.Tab)=\"closeOverlay()\" (input)=\"onInputSearch($event.target.value)\" />\n\t\t\t@if(textoFiltrado().length > 0) {\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" class=\"e-select-search-clearicon\" (click)=\"onClearSearch()\"\n\t\t\t\ticone=\"fa fa-times\"></ui-button>\n\t\t\t}\n\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-select-search-icon\" (click)=\"focusToSearchInput()\"\n\t\t\t\ticone=\"fa fa-search\"></ui-button>\n\t\t</div>\n\t\t<div class=\"e-select-options-list\">\n\t\t\t@for(option of optionsFiltered(); track $index) {\n\t\t\t<div class=\"e-select-option\" [class.selected]=\"option.selected\" [style.minWidth.px]=\"optionMinWidth()\"\n\t\t\t\t[title]=\"option.v\" (click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t\t<div class=\"e-select-option-check\"></div>\n\t\t\t\t<div class=\"e-select-option-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}@empty {\n\t\t\t<div class=\"e-select-option empty\">\n\t\t\t\tNenhuma op\u00E7\u00E3o dispon\u00EDvel\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>", styles: [".e-select-container{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:var(--ui-padding, none)}.e-select-container,.e-select-arrow-area,.e-select,.e-select input{cursor:pointer}.e-select{flex:1;height:var(--ui-height, auto);width:var(--ui-width, auto)}.e-select input{border:none;background:transparent;caret-color:var(--sys-primary);outline:none;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;text-align:left}.e-select-arrow-area{display:flex;align-items:center;justify-content:center;width:30px}.e-select-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--sys-primary);margin:0 5px;transition:transform .2s ease-in-out}.e-select-arrow.open{transform:rotate(180deg)}.e-select-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-select-overlay.open{background-color:#00000040;pointer-events:auto}.e-select-options-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform}.e-select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.e-select-options-container.open.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}.e-select-search-area{display:flex;background-color:var(--sys-background);border:0;border-bottom:1px inset var(--sys-outline);border-radius:10px;height:40px;max-height:40px}.e-select-search{flex:1;width:100%;border:none;background:var(--sys-surface-container-low);color:var(--sys-on-surface);caret-color:var(--sys-primary);padding:8px 12px 8px 4px;outline:none}.e-select-search-clearicon{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-search-icon{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-options-list{padding:0;max-height:300px;overflow-y:auto}.e-select-option{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-top:2px;cursor:pointer;transition:background-color .2s}.e-select-option.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.e-select-option.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option.empty{cursor:default;color:var(--sys-on-surface-variant);justify-content:center;font-style:italic}.e-select-option:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.e-select-option-check{width:16px;height:16px;margin:auto 5px;flex-shrink:0;visibility:hidden;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--sys-on-background)}.e-select-option.selected .e-select-option-check{visibility:visible}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }] });
|
|
3936
3937
|
}
|
|
3937
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3938
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiSelect, decorators: [{
|
|
3938
3939
|
type: Component,
|
|
3939
3940
|
args: [{ selector: 'ui-select', host: { '[class]': 'hostClasses()' }, imports: [UiButton], template: "<div #triggerElement class=\"e-select-container\" (click)=\"onOpenOrCloseOptions()\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keyup.ArrowDown)=\"onOpenOrCloseOptions()\" (keyup.ArrowUp)=\"onOpenOrCloseOptions()\">\n\t<div class=\"e-select\">\n\t\t<input #displayText type=\"text\" [name]=\"'select_'+(name() ?? '')\" [value]=\"textoExibindo()\" readonly\n\t\t\t[placeholder]=\"placeholder() ?? ''\" [disabled]=\"disabled()\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t</div>\n\t<div class=\"e-select-arrow-area\">\n\t\t<div class=\"e-select-arrow\" [class.open]=\"isOpenedOptions()\"></div>\n\t</div>\n</div>\n\n\n<div #optionsOverlay class=\"e-select-overlay\" [class.open]=\"isOpenedOptions()\" (click)=\"closeOverlay()\">\n\n\t<div #optionsContainer class=\"e-select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t\t[class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t\t@if(isOpenedOptions()) {\n\t\t<div class=\"e-select-search-area\" [style.minWidth.px]=\"optionMinWidth()\">\n\t\t\t<input #optionSearchInput type=\"text\" name=\"e-select-search-input\" class=\"e-select-search\"\n\t\t\t\t(keyup)=\"markKey($event)\" placeholder=\"Procurar...\" [value]=\"textoFiltrado()\" (keydown.Escape)=\"closeOverlay()\"\n\t\t\t\tsize=\"8\" (keydown.Tab)=\"closeOverlay()\" (input)=\"onInputSearch($event.target.value)\" />\n\t\t\t@if(textoFiltrado().length > 0) {\n\t\t\t<ui-button tipo=\"icon\" tema=\"error\" class=\"e-select-search-clearicon\" (click)=\"onClearSearch()\"\n\t\t\t\ticone=\"fa fa-times\"></ui-button>\n\t\t\t}\n\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-select-search-icon\" (click)=\"focusToSearchInput()\"\n\t\t\t\ticone=\"fa fa-search\"></ui-button>\n\t\t</div>\n\t\t<div class=\"e-select-options-list\">\n\t\t\t@for(option of optionsFiltered(); track $index) {\n\t\t\t<div class=\"e-select-option\" [class.selected]=\"option.selected\" [style.minWidth.px]=\"optionMinWidth()\"\n\t\t\t\t[title]=\"option.v\" (click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t\t<div class=\"e-select-option-check\"></div>\n\t\t\t\t<div class=\"e-select-option-text\" [innerHTML]=\"option.html\"></div>\n\t\t\t</div>\n\t\t\t}@empty {\n\t\t\t<div class=\"e-select-option empty\">\n\t\t\t\tNenhuma op\u00E7\u00E3o dispon\u00EDvel\n\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>", styles: [".e-select-container{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;padding:var(--ui-padding, none)}.e-select-container,.e-select-arrow-area,.e-select,.e-select input{cursor:pointer}.e-select{flex:1;height:var(--ui-height, auto);width:var(--ui-width, auto)}.e-select input{border:none;background:transparent;caret-color:var(--sys-primary);outline:none;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;text-align:left}.e-select-arrow-area{display:flex;align-items:center;justify-content:center;width:30px}.e-select-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--sys-primary);margin:0 5px;transition:transform .2s ease-in-out}.e-select-arrow.open{transform:rotate(180deg)}.e-select-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-select-overlay.open{background-color:#00000040;pointer-events:auto}.e-select-options-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform}.e-select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.e-select-options-container.open.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}.e-select-search-area{display:flex;background-color:var(--sys-background);border:0;border-bottom:1px inset var(--sys-outline);border-radius:10px;height:40px;max-height:40px}.e-select-search{flex:1;width:100%;border:none;background:var(--sys-surface-container-low);color:var(--sys-on-surface);caret-color:var(--sys-primary);padding:8px 12px 8px 4px;outline:none}.e-select-search-clearicon{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-search-icon{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.e-select-options-list{padding:0;max-height:300px;overflow-y:auto}.e-select-option{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-top:2px;cursor:pointer;transition:background-color .2s}.e-select-option.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.e-select-option.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option.empty{cursor:default;color:var(--sys-on-surface-variant);justify-content:center;font-style:italic}.e-select-option:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.e-select-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.e-select-option-check{width:16px;height:16px;margin:auto 5px;flex-shrink:0;visibility:hidden;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--sys-on-background)}.e-select-option.selected .e-select-option-check{visibility:visible}\n"] }]
|
|
3940
3941
|
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], canUnselect: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUnselect", required: false }] }], textEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "textEmpty", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], displayText: [{ type: i0.ViewChild, args: ['displayText', { isSignal: true }] }], triggerElement: [{ type: i0.ViewChild, args: ['triggerElement', { isSignal: true }] }], optionsOverlay: [{ type: i0.ViewChild, args: ['optionsOverlay', { isSignal: true }] }], optionsContainer: [{ type: i0.ViewChild, args: ['optionsContainer', { isSignal: true }] }], optionSearchInput: [{ type: i0.ViewChild, args: ['optionSearchInput', { isSignal: true }] }], onDocumentClick: [{
|
|
@@ -3997,10 +3998,10 @@ class UiProcurar {
|
|
|
3997
3998
|
onBlur(ev) {
|
|
3998
3999
|
this.focused.set(false);
|
|
3999
4000
|
}
|
|
4000
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4001
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4001
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiProcurar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4002
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: UiProcurar, isStandalone: true, selector: "ui-procurar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, colapsed: { classPropertyName: "colapsed", publicName: "colapsed", isSignal: true, isRequired: false, transformFunction: null }, autoColapse: { classPropertyName: "autoColapse", publicName: "autoColapse", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputed: "inputed", changed: "changed", value: "valueChange", colapsed: "colapsedChange", autoColapse: "autoColapseChange" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-procurar-icone-search\" (clicked)=\"onClickSearchIcon()\" tabindex=\"-1\"\n\ticone=\"fa fa-search\">\n</ui-button>\n<div class=\"e-procurar-input-container\" [class.colapsed]=\"computedColapsed()\">\n\t<input #searchInput type=\"text\" class=\"e-procurar-input\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t[name]=\"'procurar_'+(name() ?? '')\" (change)=\"onChange()\" [placeholder]=\"placeholder() ?? 'Procurar...'\"\n\t\t[disabled]=\"disabled()\" (keyup.Enter)=\"onSearch()\" (keyup.Escape)=\"onClearSearch()\" (focus)=\"onFocus($event)\"\n\t\t(blur)=\"onBlur($event)\" />\n</div>\n@if(value().length > 0) {\n<ui-button tipo=\"icon\" tema=\"error\" class=\"e-procurar-botao-clear\" (clicked)=\"onClearSearch()\" title=\"Limpar\"\n\ticone=\"fa fa-times\">\n</ui-button>\n}", styles: [":host{display:flex;align-items:center;width:100%;height:100%;padding:0}.e-procurar-input-container{width:200px;display:flex;align-items:center;justify-content:center;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input-container.colapsed{width:1px;padding:0;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input{width:100%;height:auto;cursor:text;border:none;outline:none;background:transparent;caret-color:var(--sys-primary)}.e-procurar-icone-search{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);--ui-font-size: 14px}.e-procurar-botao-clear{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);margin-left:7px;--ui-font-size: 14px}.e-procurar-input-container.colapsed .e-procurar-icone-search,.e-procurar-input-container.colapsed .e-procurar-botao-clear{margin-left:0;--ui-font-size: 12px}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }] });
|
|
4002
4003
|
}
|
|
4003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4004
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiProcurar, decorators: [{
|
|
4004
4005
|
type: Component,
|
|
4005
4006
|
args: [{ selector: 'ui-procurar', host: { '[class.focused]': 'focused()' }, imports: [UiButton], template: "<ui-button tipo=\"icon\" tema=\"primary\" class=\"e-procurar-icone-search\" (clicked)=\"onClickSearchIcon()\" tabindex=\"-1\"\n\ticone=\"fa fa-search\">\n</ui-button>\n<div class=\"e-procurar-input-container\" [class.colapsed]=\"computedColapsed()\">\n\t<input #searchInput type=\"text\" class=\"e-procurar-input\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t[name]=\"'procurar_'+(name() ?? '')\" (change)=\"onChange()\" [placeholder]=\"placeholder() ?? 'Procurar...'\"\n\t\t[disabled]=\"disabled()\" (keyup.Enter)=\"onSearch()\" (keyup.Escape)=\"onClearSearch()\" (focus)=\"onFocus($event)\"\n\t\t(blur)=\"onBlur($event)\" />\n</div>\n@if(value().length > 0) {\n<ui-button tipo=\"icon\" tema=\"error\" class=\"e-procurar-botao-clear\" (clicked)=\"onClearSearch()\" title=\"Limpar\"\n\ticone=\"fa fa-times\">\n</ui-button>\n}", styles: [":host{display:flex;align-items:center;width:100%;height:100%;padding:0}.e-procurar-input-container{width:200px;display:flex;align-items:center;justify-content:center;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input-container.colapsed{width:1px;padding:0;transition:width 1s cubic-bezier(.075,.82,.165,1)}.e-procurar-input{width:100%;height:auto;cursor:text;border:none;outline:none;background:transparent;caret-color:var(--sys-primary)}.e-procurar-icone-search{color:color-mix(in srgb,var(--sys-primary) 60%,var(--sys-background) 40%);--ui-font-size: 14px}.e-procurar-botao-clear{color:color-mix(in srgb,var(--sys-primary) 80%,var(--sys-background) 20%);margin-left:7px;--ui-font-size: 14px}.e-procurar-input-container.colapsed .e-procurar-icone-search,.e-procurar-input-container.colapsed .e-procurar-botao-clear{margin-left:0;--ui-font-size: 12px}\n"] }]
|
|
4006
4007
|
}], propDecorators: { searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], inputed: [{ type: i0.Output, args: ["inputed"] }], changed: [{ type: i0.Output, args: ["changed"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], colapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "colapsed", required: false }] }, { type: i0.Output, args: ["colapsedChange"] }], autoColapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoColapse", required: false }] }, { type: i0.Output, args: ["autoColapseChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
@@ -4009,10 +4010,10 @@ class UiProgress {
|
|
|
4009
4010
|
value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
4010
4011
|
bufferValue = input(0, ...(ngDevMode ? [{ debugName: "bufferValue" }] : /* istanbul ignore next */ []));
|
|
4011
4012
|
mode = input('indeterminate', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
|
|
4012
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4013
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4013
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4014
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: UiProgress, isStandalone: true, selector: "ui-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (mode()) {\n@case ('determinate'){\n<div class=\"bar-progress determinate\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n</div>\n}\n\n@case ('indeterminate'){\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@case ('buffer'){\n<div class=\"bar-progress buffer\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n\t<div class=\"bar-progress-buffer\" [style.width.%]=\"bufferValue() ?? 0\"></div>\n</div>\n}\n\n@case ('query'){\n<div class=\"bar-progress query\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@default {\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n}", styles: [".bar-progress{position:relative;width:100%;height:4px;background:color-mix(in srgb,var(--ui-background, var(--sys-background, hsl(210, 80%, 50%))) 25%,transparent);overflow:hidden}.bar-progress-filled{position:absolute;top:0;left:0;height:100%;background:var(--primary, hsl(210, 80%, 50%));transition:width .25s ease}.bar-progress-buffer{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb,var(--primary, hsl(210, 80%, 50%)) 40%,transparent);transition:width .25s ease;z-index:-1}.bar-progress.indeterminate .bar-progress-filled{width:50%;animation:indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes indeterminate{0%{left:-50%}to{left:100%}}.bar-progress.query .bar-progress-filled{width:30%;animation:query 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes query{0%{left:100%}to{left:-30%}}\n"] });
|
|
4014
4015
|
}
|
|
4015
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4016
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiProgress, decorators: [{
|
|
4016
4017
|
type: Component,
|
|
4017
4018
|
args: [{ selector: 'ui-progress', template: "@switch (mode()) {\n@case ('determinate'){\n<div class=\"bar-progress determinate\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n</div>\n}\n\n@case ('indeterminate'){\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@case ('buffer'){\n<div class=\"bar-progress buffer\">\n\t<div class=\"bar-progress-filled\" [style.width.%]=\"value() ?? 0\"></div>\n\t<div class=\"bar-progress-buffer\" [style.width.%]=\"bufferValue() ?? 0\"></div>\n</div>\n}\n\n@case ('query'){\n<div class=\"bar-progress query\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n@default {\n<div class=\"bar-progress indeterminate\">\n\t<div class=\"bar-progress-filled\"></div>\n</div>\n}\n\n}", styles: [".bar-progress{position:relative;width:100%;height:4px;background:color-mix(in srgb,var(--ui-background, var(--sys-background, hsl(210, 80%, 50%))) 25%,transparent);overflow:hidden}.bar-progress-filled{position:absolute;top:0;left:0;height:100%;background:var(--primary, hsl(210, 80%, 50%));transition:width .25s ease}.bar-progress-buffer{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb,var(--primary, hsl(210, 80%, 50%)) 40%,transparent);transition:width .25s ease;z-index:-1}.bar-progress.indeterminate .bar-progress-filled{width:50%;animation:indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes indeterminate{0%{left:-50%}to{left:100%}}.bar-progress.query .bar-progress-filled{width:30%;animation:query 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes query{0%{left:100%}to{left:-30%}}\n"] }]
|
|
4018
4019
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], bufferValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferValue", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
|
|
@@ -4059,10 +4060,10 @@ class UiSlide {
|
|
|
4059
4060
|
onBlur(ev) {
|
|
4060
4061
|
this.focused.set(false);
|
|
4061
4062
|
}
|
|
4062
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4063
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4063
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4064
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: UiSlide, isStandalone: true, selector: "ui-slide", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", focused: "focusedChange", changed: "changed" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "sliderbox", first: true, predicate: ["sliderbox"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #sliderbox class=\"sliderbox\" tabindex=\"0\" (click)=\"onClickSlide()\" [class.ativo]=\"ativo()\"\n\t[class.disabled]=\"disabled()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\n\t<div class=\"slidercircle\">\n\t\t<i class=\"checkmark bi bi-check-lg\"></i>\n\t\t<i class=\"nocheckmark bi bi-dash\"></i>\n\t</div>\n</div>", styles: [".sliderbox{--height: 28px;min-width:calc(var(--height) * 2.2);display:flex;align-items:center;cursor:pointer;height:var(--height);width:calc(var(--height) * 2.2);border-radius:calc(var(--height) / 2);background-color:var(--sys-primary-15);transition:background-color .3s ease}.sliderbox.ativo{background-color:var(--sys-primary)}.slidercircle{height:calc(var(--height) - 6px);width:calc(var(--height) - 6px);background-color:var(--sys-card);border-radius:50%;margin:3px;transition:transform .3s ease;outline:1px dashed var(--sys-primary);display:flex;align-items:center;justify-content:center}.sliderbox.ativo .slidercircle{transform:translate(calc(var(--height) * 1.2)) scale(1.1);outline:2px solid var(--sys-primary)}.sliderbox.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.sliderbox .slidercircle .nocheckmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox.ativo .slidercircle .nocheckmark,.sliderbox .slidercircle .checkmark{display:none}.sliderbox.ativo .slidercircle .checkmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox:focus-visible{outline:none}.sliderbox:focus-visible .slidercircle,.sliderbox:hover .slidercircle{outline:1px solid var(--sys-primary)}\n"] });
|
|
4064
4065
|
}
|
|
4065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiSlide, decorators: [{
|
|
4066
4067
|
type: Component,
|
|
4067
4068
|
args: [{ selector: 'ui-slide', host: { '[class.focused]': 'focused()' }, template: "<div #sliderbox class=\"sliderbox\" tabindex=\"0\" (click)=\"onClickSlide()\" [class.ativo]=\"ativo()\"\n\t[class.disabled]=\"disabled()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\n\t<div class=\"slidercircle\">\n\t\t<i class=\"checkmark bi bi-check-lg\"></i>\n\t\t<i class=\"nocheckmark bi bi-dash\"></i>\n\t</div>\n</div>", styles: [".sliderbox{--height: 28px;min-width:calc(var(--height) * 2.2);display:flex;align-items:center;cursor:pointer;height:var(--height);width:calc(var(--height) * 2.2);border-radius:calc(var(--height) / 2);background-color:var(--sys-primary-15);transition:background-color .3s ease}.sliderbox.ativo{background-color:var(--sys-primary)}.slidercircle{height:calc(var(--height) - 6px);width:calc(var(--height) - 6px);background-color:var(--sys-card);border-radius:50%;margin:3px;transition:transform .3s ease;outline:1px dashed var(--sys-primary);display:flex;align-items:center;justify-content:center}.sliderbox.ativo .slidercircle{transform:translate(calc(var(--height) * 1.2)) scale(1.1);outline:2px solid var(--sys-primary)}.sliderbox.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.sliderbox .slidercircle .nocheckmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox.ativo .slidercircle .nocheckmark,.sliderbox .slidercircle .checkmark{display:none}.sliderbox.ativo .slidercircle .checkmark{display:block;color:var(--sys-primary);margin:2px 0 0 1px;font-size:1.2rem}.sliderbox:focus-visible{outline:none}.sliderbox:focus-visible .slidercircle,.sliderbox:hover .slidercircle{outline:1px solid var(--sys-primary)}\n"] }]
|
|
4068
4069
|
}], ctorParameters: () => [], propDecorators: { sliderbox: [{ type: i0.ViewChild, args: ['sliderbox', { ...{ read: ElementRef }, isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }, { type: i0.Output, args: ["focusedChange"] }], focus: [{ type: i0.Input, args: [{ isSignal: true, alias: "focus", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
@@ -4111,10 +4112,10 @@ class UiCheckBox {
|
|
|
4111
4112
|
onBlur(ev) {
|
|
4112
4113
|
this.focused.set(false);
|
|
4113
4114
|
}
|
|
4114
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4115
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4115
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiCheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4116
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: UiCheckBox, isStandalone: true, selector: "ui-check-box", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null }, single: { classPropertyName: "single", publicName: "single", isSignal: true, isRequired: false, transformFunction: null }, hasDash: { classPropertyName: "hasDash", publicName: "hasDash", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", focused: "focusedChange", changed: "changed" }, host: { properties: { "class.focused": "focused()" } }, viewQueries: [{ propertyName: "marcabox", first: true, predicate: ["marcabox"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div #marcabox class=\"marcador-area\" tabindex=\"0\" (click)=\"onClickMarcador()\" [class.ativo]=\"ativo()\"\n\t[class.multiple]=\"!single()\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [class.disabled]=\"disabled()\">\n\t<div class=\"checkmark {{ single() ? 'simples' : 'multiple' }}\" [class.hasDash]=\"hasDash()\" [class.ativo]=\"ativo()\">\n\t</div>\n</div>", styles: [":host{display:contents}.marcador-area{width:var(--ui-size, 22px);height:var(--ui-size, 22px);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;outline:1px dashed var(--ui-outline, var(--sys-outline));position:relative}.marcador-area.multiple{border-radius:4px}.marcador-area:focus-visible,.marcador-area:hover{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo{outline:1px solid var(--ui-color, var(--sys-primary))}.marcador-area.ativo .checkmark{display:block}.marcador-area.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(1);pointer-events:none}.checkmark.simples.ativo{background-color:var(--ui-color, var(--sys-primary));width:100%;height:100%;border-radius:50%;transform:scale(.75)}.checkmark.multiple.ativo{width:60%;height:38%;border-left:2px solid var(--ui-color, var(--sys-primary));border-bottom:2px solid var(--ui-color, var(--sys-primary));transform:rotate(-45deg) translate(1px)}.checkmark.multiple.hasDash:not(.ativo){width:60%;height:2px;background-color:var(--ui-color, var(--sys-primary))}.marcador-area:has(.hasDash:not(.ativo)){outline:1px solid var(--ui-outline, var(--sys-outline))}\n"] });
|
|
4116
4117
|
}
|
|
4117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiCheckBox, decorators: [{
|
|
4118
4119
|
type: Component,
|
|
4119
4120
|
args: [{ selector: 'ui-check-box', host: {
|
|
4120
4121
|
'[class.focused]': 'focused()',
|
|
@@ -4125,19 +4126,19 @@ class UiListErrors {
|
|
|
4125
4126
|
show = input.required(...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
|
|
4126
4127
|
errors = input.required(...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
4127
4128
|
dica = input.required(...(ngDevMode ? [{ debugName: "dica" }] : /* istanbul ignore next */ []));
|
|
4128
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4129
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiListErrors, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4130
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: UiListErrors, isStandalone: true, selector: "ui-list-errors", inputs: { show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, dica: { classPropertyName: "dica", publicName: "dica", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if(show()){\n<div class=\"erroArea\" [class.hide]=\"(!errors() || errors()?.length === 0) && (!dica())\">\n\t@for (erro of errors(); track $index) {\n\t<span class=\"erroText\">{{ erro ?? 'Erro desconhecido' }}</span>\n\t}\n\t@if(dica()){\n\t<span class=\"dicaText\">{{ dica() ?? '' }}</span>\n\t}\n</div>\n}", styles: [":host{display:contents}.erroArea{background-color:transparent;border-radius:var(--sys-border-radius);font-size:12px;padding:0 8px 2px;display:flex;flex-wrap:wrap;justify-content:flex-end}.erroArea .erroText{color:var(--sys-error)}.erroArea .dicaText{color:var(--sys-info)}.erroArea.hide{display:none}span{display:block;margin-left:3px}\n"] });
|
|
4130
4131
|
}
|
|
4131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiListErrors, decorators: [{
|
|
4132
4133
|
type: Component,
|
|
4133
4134
|
args: [{ selector: 'ui-list-errors', template: "@if(show()){\n<div class=\"erroArea\" [class.hide]=\"(!errors() || errors()?.length === 0) && (!dica())\">\n\t@for (erro of errors(); track $index) {\n\t<span class=\"erroText\">{{ erro ?? 'Erro desconhecido' }}</span>\n\t}\n\t@if(dica()){\n\t<span class=\"dicaText\">{{ dica() ?? '' }}</span>\n\t}\n</div>\n}", styles: [":host{display:contents}.erroArea{background-color:transparent;border-radius:var(--sys-border-radius);font-size:12px;padding:0 8px 2px;display:flex;flex-wrap:wrap;justify-content:flex-end}.erroArea .erroText{color:var(--sys-error)}.erroArea .dicaText{color:var(--sys-info)}.erroArea.hide{display:none}span{display:block;margin-left:3px}\n"] }]
|
|
4134
4135
|
}], propDecorators: { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: true }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: true }] }], dica: [{ type: i0.Input, args: [{ isSignal: true, alias: "dica", required: true }] }] } });
|
|
4135
4136
|
|
|
4136
4137
|
class UiLoading {
|
|
4137
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4138
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
4138
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiLoading, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4139
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: UiLoading, isStandalone: true, selector: "ui-loading", ngImport: i0, template: "<i class=\"fa fa-spinner\"></i>", styles: ["i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] });
|
|
4139
4140
|
}
|
|
4140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiLoading, decorators: [{
|
|
4141
4142
|
type: Component,
|
|
4142
4143
|
args: [{ selector: 'ui-loading', template: "<i class=\"fa fa-spinner\"></i>", styles: ["i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
4143
4144
|
}] });
|
|
@@ -4351,10 +4352,10 @@ class UiMenu {
|
|
|
4351
4352
|
event.preventDefault();
|
|
4352
4353
|
// this.moveFocoPara('baixo', event);
|
|
4353
4354
|
}
|
|
4354
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4355
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4355
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4356
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: UiMenu, isStandalone: true, selector: "ui-menu", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icone: { classPropertyName: "icone", publicName: "icone", isSignal: true, isRequired: false, transformFunction: null }, autoCloseInCascade: { classPropertyName: "autoCloseInCascade", publicName: "autoCloseInCascade", isSignal: true, isRequired: false, transformFunction: null }, posicao: { classPropertyName: "posicao", publicName: "posicao", isSignal: true, isRequired: false, transformFunction: null }, isOpened: { classPropertyName: "isOpened", publicName: "isOpened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { autoCloseInCascade: "autoCloseInCascadeChange", posicao: "posicaoChange", isOpened: "isOpenedChange" }, host: { properties: { "class.opened": "isOpened()" } }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true, isSignal: true }, { propertyName: "menuOverlay", first: true, predicate: ["menuOverlay"], descendants: true, isSignal: true }, { propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #menuTrigger class=\"e-menu-trigger\" (click)=\"onClickSlotBotao($event)\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" (keyup.Escape)=\"closeOverlay()\"\n\t[id]=\"'tr'+id()\" [class.open]=\"isOpened()\">\n\t<ng-content select=\"[slot='botao']\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" [icone]=\"icone()\"></ui-button>\n\t</ng-content>\n</div>\n\n<div #menuOverlay class=\"e-menu-overlay\" [class.open]=\"isOpened()\" (click)=\"onClickOverlay()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" [style.zIndex]=\"zIndex()\"\n\t[id]=\"'ov'+id()\">\n\n\t<div #menuContainer class=\"e-menu-container\" [class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\"\n\t\t[style.top]=\"menuPosition().top\" (click)=\"onClickContainer($event)\">\n\t\t<div [style.minWidth.px]=\"optionMinWidth()\" class=\"e-menu-area\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\n</div>", styles: [".e-menu-area{background-color:var(--sys-card);border-radius:4px;box-shadow:0 2px 10px #0003;padding:8px 0;display:flex;flex-direction:column;gap:var(--ui-gap, 4px);-webkit-user-select:none;user-select:none}.e-menu-trigger{flex:1;display:block}.e-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-menu-overlay.open{background-color:#00000040;pointer-events:auto}.e-menu-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform;transform-origin:top left;transform:scale(.8) translateY(-10%) rotateX(90deg) skew(15deg);opacity:0;visibility:hidden;transition:all .15s ease-in-out}.e-menu-overlay.open .e-menu-container{color:var(--sys-on-card);background:var(--sys-card);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026;visibility:visible;opacity:1;transform:scale(1)}.e-menu-overlay.open .e-menu-container.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }] });
|
|
4356
4357
|
}
|
|
4357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: UiMenu, decorators: [{
|
|
4358
4359
|
type: Component,
|
|
4359
4360
|
args: [{ selector: 'ui-menu', imports: [UiButton], host: { '[class.opened]': 'isOpened()' }, template: "<div #menuTrigger class=\"e-menu-trigger\" (click)=\"onClickSlotBotao($event)\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" (keyup.Escape)=\"closeOverlay()\"\n\t[id]=\"'tr'+id()\" [class.open]=\"isOpened()\">\n\t<ng-content select=\"[slot='botao']\">\n\t\t<ui-button tipo=\"icon\" tema=\"primary\" [icone]=\"icone()\"></ui-button>\n\t</ng-content>\n</div>\n\n<div #menuOverlay class=\"e-menu-overlay\" [class.open]=\"isOpened()\" (click)=\"onClickOverlay()\"\n\t(keydown.ArrowDown)=\"onArrowDown($event)\" (keyup.ArrowUp)=\"onArrowUp($event)\" [style.zIndex]=\"zIndex()\"\n\t[id]=\"'ov'+id()\">\n\n\t<div #menuContainer class=\"e-menu-container\" [class.smallScreen]=\"isSmallScreen()\" [style.left]=\"menuPosition().left\"\n\t\t[style.top]=\"menuPosition().top\" (click)=\"onClickContainer($event)\">\n\t\t<div [style.minWidth.px]=\"optionMinWidth()\" class=\"e-menu-area\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\n</div>", styles: [".e-menu-area{background-color:var(--sys-card);border-radius:4px;box-shadow:0 2px 10px #0003;padding:8px 0;display:flex;flex-direction:column;gap:var(--ui-gap, 4px);-webkit-user-select:none;user-select:none}.e-menu-trigger{flex:1;display:block}.e-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1001;background-color:transparent;pointer-events:none;transition:background-color .2s ease-in-out}.e-menu-overlay.open{background-color:#00000040;pointer-events:auto}.e-menu-container{width:max-content;position:fixed;z-index:2002;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;transform:translateZ(0);will-change:transform;transform-origin:top left;transform:scale(.8) translateY(-10%) rotateX(90deg) skew(15deg);opacity:0;visibility:hidden;transition:all .15s ease-in-out}.e-menu-overlay.open .e-menu-container{color:var(--sys-on-card);background:var(--sys-card);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026;visibility:visible;opacity:1;transform:scale(1)}.e-menu-overlay.open .e-menu-container.smallScreen{width:90vw;left:5vw!important;top:calc(50vh - 170px)!important}\n"] }]
|
|
4360
4361
|
}], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icone: [{ type: i0.Input, args: [{ isSignal: true, alias: "icone", required: false }] }], autoCloseInCascade: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCloseInCascade", required: false }] }, { type: i0.Output, args: ["autoCloseInCascadeChange"] }], posicao: [{ type: i0.Input, args: [{ isSignal: true, alias: "posicao", required: false }] }, { type: i0.Output, args: ["posicaoChange"] }], isOpened: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpened", required: false }] }, { type: i0.Output, args: ["isOpenedChange"] }], menuTrigger: [{ type: i0.ViewChild, args: ['menuTrigger', { isSignal: true }] }], menuOverlay: [{ type: i0.ViewChild, args: ['menuOverlay', { isSignal: true }] }], menuContainer: [{ type: i0.ViewChild, args: ['menuContainer', { isSignal: true }] }] } });
|
|
@@ -4620,10 +4621,10 @@ class FieldsAutocomplete extends BaseFieldsForm {
|
|
|
4620
4621
|
}
|
|
4621
4622
|
}, 1);
|
|
4622
4623
|
}
|
|
4623
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4624
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4624
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4625
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsAutocomplete, isStandalone: true, selector: "fields-autocomplete", host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "displayText", first: true, predicate: ["displayText"], descendants: true, isSignal: true }, { propertyName: "triggerElement", first: true, predicate: ["triggerElement"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div #triggerElement class=\"fieldField FieldAutoComplete\">\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\">\n\t\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" (keyup)=\"markKey($event)\" (keydown.tab)=\"closeOverlay()\" [class.outlined]=\"true\"\n\t\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>\n\n<div #optionsContainer class=\"select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t[style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t@if(isOpenedOptions()) {\n\t<div class=\"options-list\">\n\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t(click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t<div class=\"option-item-check\"></div>\n\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t</div>\n\t\t}\n\t</div>\n\t}\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldAutoComplete{position:relative;display:flex}.FieldAutoComplete>div:first-child{flex:1;display:flex;align-items:center;justify-content:space-between}.FieldAutoComplete>div:first-child:focus{outline:2px solid var(--campoCor)}.menuTrigger{width:100%;height:0px}.select-options-container{width:max-content;position:fixed;z-index:1000;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.options-list{padding:0;max-height:300px;overflow-y:auto}.option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;margin-top:3px;cursor:pointer;transition:background-color .2s}.option-item.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.option-item.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.option-item-check{width:16px;height:16px;margin:auto 2px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;visibility:hidden}.option-item.selected .option-item-check{visibility:visible}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
4625
4626
|
}
|
|
4626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsAutocomplete, decorators: [{
|
|
4627
4628
|
type: Component,
|
|
4628
4629
|
args: [{ selector: 'fields-autocomplete', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div #triggerElement class=\"fieldField FieldAutoComplete\">\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\">\n\t\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" (keyup)=\"markKey($event)\" (keydown.tab)=\"closeOverlay()\" [class.outlined]=\"true\"\n\t\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>\n\n<div #optionsContainer class=\"select-options-container\" [class.open]=\"isOpenedOptions()\"\n\t[style.left]=\"menuPosition().left\" [style.top]=\"menuPosition().top\">\n\t@if(isOpenedOptions()) {\n\t<div class=\"options-list\">\n\t\t@for(option of optionsFiltered(); track option.k) {\n\t\t<div class=\"option-item\" [class.selected]=\"option.selected\" [style.width.px]=\"offsetWidth()\" [title]=\"option.v\"\n\t\t\t(click)=\"onSelectOption(option)\" (keyup.Enter)=\"onSelectOption(option)\" tabindex=\"-1\"\n\t\t\t[class.choosing]=\"option.choosing\">\n\t\t\t<div class=\"option-item-check\"></div>\n\t\t\t<div class=\"option-item-text\" [innerHTML]=\"option.html\"></div>\n\t\t</div>\n\t\t}\n\t</div>\n\t}\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldAutoComplete{position:relative;display:flex}.FieldAutoComplete>div:first-child{flex:1;display:flex;align-items:center;justify-content:space-between}.FieldAutoComplete>div:first-child:focus{outline:2px solid var(--campoCor)}.menuTrigger{width:100%;height:0px}.select-options-container{width:max-content;position:fixed;z-index:1000;display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.select-options-container.open{color:var(--sys-on-background);background:var(--sys-background);outline:1px solid var(--sys-outline);box-shadow:0 2px 8px #00000026}.options-list{padding:0;max-height:300px;overflow-y:auto}.option-item{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;margin-top:3px;cursor:pointer;transition:background-color .2s}.option-item.selected{background:color-mix(in srgb,var(--sys-primary) 50%,var(--sys-background) 50%);color:var(--sys-on-background);font-weight:500}.option-item.choosing{outline:none;background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item:hover{background:color-mix(in srgb,var(--sys-primary) 20%,var(--sys-background) 80%);color:var(--sys-on-background)}.option-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.option-item-check{width:16px;height:16px;margin:auto 2px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;visibility:hidden}.option-item.selected .option-item-check{visibility:visible}\n"] }]
|
|
4629
4630
|
}], ctorParameters: () => [], propDecorators: { displayText: [{ type: i0.ViewChild, args: ['displayText', { isSignal: true }] }], triggerElement: [{ type: i0.ViewChild, args: ['triggerElement', { isSignal: true }] }], optionsContainer: [{ type: i0.ViewChild, args: ['optionsContainer', { isSignal: true }] }], onDocumentClick: [{
|
|
@@ -4653,10 +4654,10 @@ class FieldsButton extends BaseFieldsForm {
|
|
|
4653
4654
|
this.campo()?.onInput?.(this.form());
|
|
4654
4655
|
this.onChangeEmit();
|
|
4655
4656
|
}
|
|
4656
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4657
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4657
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4658
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsButton, isStandalone: true, selector: "fields-button", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo ?? ' ' }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldButton\">\n\t\t\t\t<ui-button [tipo]=\"campo()?.tipoBotao\" [tema]=\"campo()?.tema\" [style]=\"campo()?.style\"\n\t\t\t\t\t(click)=\"onClickButton($event)\" [disabled]=\"campo()?.disabled\" [icone]=\"campo()?.icone\">\n\t\t\t\t\t<div [innerHTML]=\"campo()?.tituloClicavel\"></div>\n\t\t\t\t</ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldButton{border:none}.FieldButton ui-button{width:100%}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
4658
4659
|
}
|
|
4659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsButton, decorators: [{
|
|
4660
4661
|
type: Component,
|
|
4661
4662
|
args: [{ selector: 'fields-button', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo ?? ' ' }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldButton\">\n\t\t\t\t<ui-button [tipo]=\"campo()?.tipoBotao\" [tema]=\"campo()?.tema\" [style]=\"campo()?.style\"\n\t\t\t\t\t(click)=\"onClickButton($event)\" [disabled]=\"campo()?.disabled\" [icone]=\"campo()?.icone\">\n\t\t\t\t\t<div [innerHTML]=\"campo()?.tituloClicavel\"></div>\n\t\t\t\t</ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldButton{border:none}.FieldButton ui-button{width:100%}\n"] }]
|
|
4662
4663
|
}], ctorParameters: () => [] });
|
|
@@ -4687,10 +4688,10 @@ class FieldsCheckbox extends BaseFieldsForm {
|
|
|
4687
4688
|
this.signalFocus.set(false);
|
|
4688
4689
|
}, 1);
|
|
4689
4690
|
}
|
|
4690
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4691
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4691
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4692
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsCheckbox, isStandalone: true, selector: "fields-checkbox", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldCheckbox microPos4\">\n\t\t\t\t<ui-check-box [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-check-box>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldCheckbox{padding-left:10px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:10px;padding-right:10px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldCheckbox:has(ui-check-box.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
4692
4693
|
}
|
|
4693
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsCheckbox, decorators: [{
|
|
4694
4695
|
type: Component,
|
|
4695
4696
|
args: [{ selector: 'fields-checkbox', imports: [UiCheckBox, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldCheckbox microPos4\">\n\t\t\t\t<ui-check-box [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-check-box>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldCheckbox{padding-left:10px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:10px;padding-right:10px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldCheckbox:has(ui-check-box.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"] }]
|
|
4696
4697
|
}], ctorParameters: () => [] });
|
|
@@ -4709,10 +4710,10 @@ class CirculoColorido {
|
|
|
4709
4710
|
}
|
|
4710
4711
|
return angle;
|
|
4711
4712
|
}, ...(ngDevMode ? [{ debugName: "angle" }] : /* istanbul ignore next */ []));
|
|
4712
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4713
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4713
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CirculoColorido, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4714
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: CirculoColorido, isStandalone: true, selector: "field-color-circulocolorido", inputs: { valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"container\" [style.--atualColor]=\"angle()\">\n\t<div class=\"circulo {{ angle() != null ? 'show' : 'hide' }}\"></div>\n\t@if(angle() != null){\n\t<div class=\"arrow\" [style.--arrowAngle]=\"(angle()! - 47) + 'deg'\">\n\t\t<i class=\"bi bi-cursor-fill\"></i>\n\t</div>\n\t}\n</div>", styles: [".container{position:relative;display:flex;height:60px;aspect-ratio:1 / 1}.circulo{position:absolute;top:0;left:0;height:100%;width:100%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);clip-path:circle(closest-side);-webkit-mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);transition:.2s ease-in-out}.circulo.hide{opacity:.2;-webkit-mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);transition:.2s ease-in-out}.arrow{position:absolute;border-radius:50%;top:calc(50% - 10px);left:calc(50% - 10px);height:20px;width:20px;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:24px;transform:rotate(var(--arrowAngle));z-index:2}.arrow i{color:hsl(var(--atualColor) 100% 50%)}\n"] });
|
|
4714
4715
|
}
|
|
4715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CirculoColorido, decorators: [{
|
|
4716
4717
|
type: Component,
|
|
4717
4718
|
args: [{ selector: 'field-color-circulocolorido', template: "<div class=\"container\" [style.--atualColor]=\"angle()\">\n\t<div class=\"circulo {{ angle() != null ? 'show' : 'hide' }}\"></div>\n\t@if(angle() != null){\n\t<div class=\"arrow\" [style.--arrowAngle]=\"(angle()! - 47) + 'deg'\">\n\t\t<i class=\"bi bi-cursor-fill\"></i>\n\t</div>\n\t}\n</div>", styles: [".container{position:relative;display:flex;height:60px;aspect-ratio:1 / 1}.circulo{position:absolute;top:0;left:0;height:100%;width:100%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);clip-path:circle(closest-side);-webkit-mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);mask:radial-gradient(circle at center,transparent 20%,black 35%,black 55%,transparent 70%,transparent 100%);transition:.2s ease-in-out}.circulo.hide{opacity:.2;-webkit-mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);mask:radial-gradient(circle at center,transparent 30%,black 50%,transparent 70%);transition:.2s ease-in-out}.arrow{position:absolute;border-radius:50%;top:calc(50% - 10px);left:calc(50% - 10px);height:20px;width:20px;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:24px;transform:rotate(var(--arrowAngle));z-index:2}.arrow i{color:hsl(var(--atualColor) 100% 50%)}\n"] }]
|
|
4718
4719
|
}], propDecorators: { valor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valor", required: false }] }] } });
|
|
@@ -4751,10 +4752,10 @@ class FieldsColor extends BaseFieldsForm {
|
|
|
4751
4752
|
this.updateValue(num);
|
|
4752
4753
|
this.campo()?.onInput?.(this.form());
|
|
4753
4754
|
}
|
|
4754
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4755
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4755
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsColor, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4756
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsColor, isStandalone: true, selector: "fields-color", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<field-color-circulocolorido [valor]=\"value()\"></field-color-circulocolorido>\n\t\t<div class=\"fieldComRange\">\n\t\t\t<div class=\"fieldEffect\">\n\t\t\t\t<div class=\"fieldField FieldColor\">\n\t\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" min=\"0\" max=\"360\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<input type=\"range\" [value]=\"value() ?? 0\" (input)=\"onInputRange($event)\" min=\"0\" max=\"360\"\n\t\t\t\t[disabled]=\"campo()?.disabled\" (change)=\"onChangeEmit()\" />\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldComRange{display:flex;align-items:center;width:100%;gap:.5rem;flex-direction:column}input[type=range]{opacity:.7}input[type=range]:disabled{opacity:.1}\n"], dependencies: [{ kind: "component", type: CirculoColorido, selector: "field-color-circulocolorido", inputs: ["valor"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
4756
4757
|
}
|
|
4757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4758
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsColor, decorators: [{
|
|
4758
4759
|
type: Component,
|
|
4759
4760
|
args: [{ selector: 'fields-color', imports: [CirculoColorido, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<field-color-circulocolorido [valor]=\"value()\"></field-color-circulocolorido>\n\t\t<div class=\"fieldComRange\">\n\t\t\t<div class=\"fieldEffect\">\n\t\t\t\t<div class=\"fieldField FieldColor\">\n\t\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t\t[style]=\"campo()?.style\" min=\"0\" max=\"360\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<input type=\"range\" [value]=\"value() ?? 0\" (input)=\"onInputRange($event)\" min=\"0\" max=\"360\"\n\t\t\t\t[disabled]=\"campo()?.disabled\" (change)=\"onChangeEmit()\" />\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldComRange{display:flex;align-items:center;width:100%;gap:.5rem;flex-direction:column}input[type=range]{opacity:.7}input[type=range]:disabled{opacity:.1}\n"] }]
|
|
4760
4761
|
}], ctorParameters: () => [] });
|
|
@@ -4774,10 +4775,10 @@ class FieldsDate extends BaseFieldsForm {
|
|
|
4774
4775
|
this.updateValue(newValue);
|
|
4775
4776
|
this.campo()?.onInput?.(this.form());
|
|
4776
4777
|
}
|
|
4777
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4778
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4778
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4779
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsDate, isStandalone: true, selector: "fields-date", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"date\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
4779
4780
|
}
|
|
4780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsDate, decorators: [{
|
|
4781
4782
|
type: Component,
|
|
4782
4783
|
args: [{ selector: 'fields-date', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"date\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
4783
4784
|
}], ctorParameters: () => [] });
|
|
@@ -4797,10 +4798,10 @@ class FieldsDatetime extends BaseFieldsForm {
|
|
|
4797
4798
|
this.updateValue(newValue);
|
|
4798
4799
|
this.campo()?.onInput?.(this.form());
|
|
4799
4800
|
}
|
|
4800
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4801
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4801
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsDatetime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4802
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsDatetime, isStandalone: true, selector: "fields-datetime", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"datetime-local\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
4802
4803
|
}
|
|
4803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsDatetime, decorators: [{
|
|
4804
4805
|
type: Component,
|
|
4805
4806
|
args: [{ selector: 'fields-datetime', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDate\">\n\t\t\t\t<input type=\"datetime-local\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
4806
4807
|
}], ctorParameters: () => [] });
|
|
@@ -4809,10 +4810,10 @@ class JsonColoridoPipe {
|
|
|
4809
4810
|
transform(value, args) {
|
|
4810
4811
|
return LibUtil.formatJson(value, true);
|
|
4811
4812
|
}
|
|
4812
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4813
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
4813
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: JsonColoridoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4814
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: JsonColoridoPipe, isStandalone: true, name: "jsonColorido" });
|
|
4814
4815
|
}
|
|
4815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4816
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: JsonColoridoPipe, decorators: [{
|
|
4816
4817
|
type: Pipe,
|
|
4817
4818
|
args: [{ name: 'jsonColorido' }]
|
|
4818
4819
|
}] });
|
|
@@ -4842,10 +4843,10 @@ class FieldsDisplay extends BaseFieldsForm {
|
|
|
4842
4843
|
this.updateCampo({ empty });
|
|
4843
4844
|
});
|
|
4844
4845
|
}
|
|
4845
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4846
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4846
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4847
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsDisplay, isStandalone: true, selector: "fields-display", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isEmpty]=\"campo()?.empty\" (click)=\"onClickEmit()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDisplay\">\n\t\t\t\t@if(campo()?.classe == 'displayJson') {\n\t\t\t\t<pre class=\"p-2\" [innerHTML]=\"value() | jsonColorido\"></pre>\n\t\t\t\t}@else {\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [innerHTML]=\"displayValue()\"></div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldDisplay{border:0px;min-height:auto;padding:0 5px;background:transparent;outline:0px solid transparent}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }, { kind: "pipe", type: JsonColoridoPipe, name: "jsonColorido" }] });
|
|
4847
4848
|
}
|
|
4848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4849
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsDisplay, decorators: [{
|
|
4849
4850
|
type: Component,
|
|
4850
4851
|
args: [{ selector: 'fields-display', imports: [UiListErrors, JsonColoridoPipe], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isEmpty]=\"campo()?.empty\" (click)=\"onClickEmit()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldDisplay\">\n\t\t\t\t@if(campo()?.classe == 'displayJson') {\n\t\t\t\t<pre class=\"p-2\" [innerHTML]=\"value() | jsonColorido\"></pre>\n\t\t\t\t}@else {\n\t\t\t\t<div [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [innerHTML]=\"displayValue()\"></div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.FieldDisplay{border:0px;min-height:auto;padding:0 5px;background:transparent;outline:0px solid transparent}\n"] }]
|
|
4851
4852
|
}], ctorParameters: () => [] });
|
|
@@ -5041,10 +5042,10 @@ class FieldsEditor extends BaseFieldsForm {
|
|
|
5041
5042
|
this.currentJustify = 'right';
|
|
5042
5043
|
}
|
|
5043
5044
|
}
|
|
5044
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5045
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5045
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5046
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsEditor, isStandalone: true, selector: "fields-editor", viewQueries: [{ propertyName: "editavel", first: true, predicate: ["editavel"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField fieldEditor\">\n\t\t\t\t@if(campo()?.showToolbar !== false) {\n\t\t\t\t<div class=\"toolbar\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isNegrito\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onNegrito()\" [icone]=\"iconeNegrito\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isItalico\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onItalico()\" [icone]=\"iconeItalico\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isSublinhado\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onSublinhado()\" [icone]=\"iconeUnderline\"></ui-button>\n\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone espaco\" [class.ativo]=\"currentJustify === 'left'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('left')\" [icone]=\"iconeJustifyLeft\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'center'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('center')\" [icone]=\"iconeJustifyCenter\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'right'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('right')\" [icone]=\"iconeJustifyRight\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [disabled]=\"campo()?.disabled\" (click)=\"onClearFormat()\"\n\t\t\t\t\t\t[icone]=\"iconeClearFormat\"></ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div #editavel [class.corpo]=\"true\" [contentEditable]=\"!campo()?.disabled && !campo()?.readonly\"\n\t\t\t\t\t[class]=\"campo()?.classe\" [style]=\"campo()?.style\" (input)=\"onInput($event)\" [innerHTML]=\"safeValue()\"\n\t\t\t\t\t(blur)=\"onChange()\" (drop)=\"onDragEvent($event)\" (keydown)=\"onKeyDown($event)\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.fieldEditor{display:flex;flex-direction:column;border:0px;padding:2px}.fieldField.fieldEditor .corpo{min-height:100px;overflow:auto;padding:8px;width:100%;line-height:20px;border-radius:var(--sys-border-radius);border:1px solid var(--outlineColor)}.fieldField.fieldEditor .corpo:focus-visible{outline:2px solid var(--campoCor)}.fieldField.fieldEditor .toolbar{display:flex;gap:5px;padding:4px}.fieldField.fieldEditor .toolbar .icone{outline:1px outset color-mix(in srgb,var(--sys-outline) 20%,transparent 80%);height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.toolbar .ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);transform:scale(.9)}.toolbar .espaco{margin-left:10px}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5046
5047
|
}
|
|
5047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5048
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsEditor, decorators: [{
|
|
5048
5049
|
type: Component,
|
|
5049
5050
|
args: [{ selector: 'fields-editor', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField fieldEditor\">\n\t\t\t\t@if(campo()?.showToolbar !== false) {\n\t\t\t\t<div class=\"toolbar\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isNegrito\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onNegrito()\" [icone]=\"iconeNegrito\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isItalico\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t(click)=\"onItalico()\" [icone]=\"iconeItalico\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"isSublinhado\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onSublinhado()\" [icone]=\"iconeUnderline\"></ui-button>\n\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone espaco\" [class.ativo]=\"currentJustify === 'left'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('left')\" [icone]=\"iconeJustifyLeft\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'center'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('center')\" [icone]=\"iconeJustifyCenter\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [class.ativo]=\"currentJustify === 'right'\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\" (click)=\"onJustify('right')\" [icone]=\"iconeJustifyRight\"></ui-button>\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" class=\"icone\" [disabled]=\"campo()?.disabled\" (click)=\"onClearFormat()\"\n\t\t\t\t\t\t[icone]=\"iconeClearFormat\"></ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div #editavel [class.corpo]=\"true\" [contentEditable]=\"!campo()?.disabled && !campo()?.readonly\"\n\t\t\t\t\t[class]=\"campo()?.classe\" [style]=\"campo()?.style\" (input)=\"onInput($event)\" [innerHTML]=\"safeValue()\"\n\t\t\t\t\t(blur)=\"onChange()\" (drop)=\"onDragEvent($event)\" (keydown)=\"onKeyDown($event)\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".fieldField.fieldEditor{display:flex;flex-direction:column;border:0px;padding:2px}.fieldField.fieldEditor .corpo{min-height:100px;overflow:auto;padding:8px;width:100%;line-height:20px;border-radius:var(--sys-border-radius);border:1px solid var(--outlineColor)}.fieldField.fieldEditor .corpo:focus-visible{outline:2px solid var(--campoCor)}.fieldField.fieldEditor .toolbar{display:flex;gap:5px;padding:4px}.fieldField.fieldEditor .toolbar .icone{outline:1px outset color-mix(in srgb,var(--sys-outline) 20%,transparent 80%);height:30px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.toolbar .ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);transform:scale(.9)}.toolbar .espaco{margin-left:10px}\n"] }]
|
|
5050
5051
|
}], ctorParameters: () => [], propDecorators: { editavel: [{ type: i0.ViewChild, args: ['editavel', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
@@ -5064,10 +5065,10 @@ class FieldsEmail extends BaseFieldsForm {
|
|
|
5064
5065
|
this.updateValue(newValue);
|
|
5065
5066
|
this.campo()?.onInput?.(this.form());
|
|
5066
5067
|
}
|
|
5067
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5068
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5068
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsEmail, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5069
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsEmail, isStandalone: true, selector: "fields-email", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldEmail\">\n\t\t\t\t<input type=\"email\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5069
5070
|
}
|
|
5070
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5071
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsEmail, decorators: [{
|
|
5071
5072
|
type: Component,
|
|
5072
5073
|
args: [{ selector: 'fields-email', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldEmail\">\n\t\t\t\t<input type=\"email\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
5073
5074
|
}], ctorParameters: () => [] });
|
|
@@ -5081,10 +5082,10 @@ class FieldsHidden extends BaseFieldsForm {
|
|
|
5081
5082
|
this.updateCampo({ empty });
|
|
5082
5083
|
});
|
|
5083
5084
|
}
|
|
5084
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5085
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
5085
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsHidden, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5086
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: FieldsHidden, isStandalone: true, selector: "fields-hidden", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"></div>", styles: [".fieldHidden{display:none}\n"] });
|
|
5086
5087
|
}
|
|
5087
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsHidden, decorators: [{
|
|
5088
5089
|
type: Component,
|
|
5089
5090
|
args: [{ selector: 'fields-hidden', template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"></div>", styles: [".fieldHidden{display:none}\n"] }]
|
|
5090
5091
|
}], ctorParameters: () => [] });
|
|
@@ -5104,10 +5105,10 @@ class FieldsIcon extends BaseFieldsForm {
|
|
|
5104
5105
|
this.updateValue(newValue);
|
|
5105
5106
|
this.campo()?.onInput?.(this.form());
|
|
5106
5107
|
}
|
|
5107
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5108
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5108
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5109
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsIcon, isStandalone: true, selector: "fields-icon", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<ui-button tipo=\"raised\" tema=\"secondary\" (clicked)=\"onClickEmit()\" [disabled]=\"campo()?.disabled\"\n\t\t\t[style.width.px]=\"100\">\n\t\t\t@if(value()){\n\t\t\t<i [class]=\"value()\" [style.fontSize]=\"'25px'\"></i>\n\t\t\t}@else {\n\t\t\t<div class=\"noIcon\">ICO</div>\n\t\t\t}\n\t\t</ui-button>\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldIconType\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".noIcon{display:inline-block;transform:rotate(-10deg) skew(-15deg) skewY(-15deg) translateY(-5px);font-size:16px;position:relative}.noIcon:after{content:\"ICO\";position:absolute;bottom:0;left:0;transform:scaleY(-1) skew(-50deg);transform-origin:bottom;background:linear-gradient(180deg,#0000,#0009);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5109
5110
|
}
|
|
5110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsIcon, decorators: [{
|
|
5111
5112
|
type: Component,
|
|
5112
5113
|
args: [{ selector: 'fields-icon', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<ui-button tipo=\"raised\" tema=\"secondary\" (clicked)=\"onClickEmit()\" [disabled]=\"campo()?.disabled\"\n\t\t\t[style.width.px]=\"100\">\n\t\t\t@if(value()){\n\t\t\t<i [class]=\"value()\" [style.fontSize]=\"'25px'\"></i>\n\t\t\t}@else {\n\t\t\t<div class=\"noIcon\">ICO</div>\n\t\t\t}\n\t\t</ui-button>\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldIconType\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".noIcon{display:inline-block;transform:rotate(-10deg) skew(-15deg) skewY(-15deg) translateY(-5px);font-size:16px;position:relative}.noIcon:after{content:\"ICO\";position:absolute;bottom:0;left:0;transform:scaleY(-1) skew(-50deg);transform-origin:bottom;background:linear-gradient(180deg,#0000,#0009);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}\n"] }]
|
|
5113
5114
|
}], ctorParameters: () => [] });
|
|
@@ -5195,10 +5196,10 @@ class FieldsMultifactor extends BaseFieldsForm {
|
|
|
5195
5196
|
onFocus(ev) {
|
|
5196
5197
|
ev.target?.select();
|
|
5197
5198
|
}
|
|
5198
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5199
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsMultifactor, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5200
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsMultifactor, isStandalone: true, selector: "fields-multifactor", viewQueries: [{ propertyName: "controle", first: true, predicate: ["controle"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:5px;width:100%}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5200
5201
|
}
|
|
5201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsMultifactor, decorators: [{
|
|
5202
5203
|
type: Component,
|
|
5203
5204
|
args: [{ selector: 'fields-multifactor', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultifactor\">\n\t\t\t\t<input type=\"text\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [hidden]=\"true\" [readOnly]=\"true\" />\n\n\t\t\t\t<div class=\"gridFactor\">\n\t\t\t\t\t<input #controle class=\"fieldSingleInput\" name=\"a\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"b\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"c\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"d\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"e\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t\t<input class=\"fieldSingleInput\" name=\"f\" size=\"1\" type=\"text\" [maxLength]=\"1\" min=\"0\" max=\"9\"\n\t\t\t\t\t\tpattern=\"\\d{1,1}\" (input)=\"onInputChar($event)\" (keyup)=\"onKeyUp($event)\" (focus)=\"onFocus($event)\"\n\t\t\t\t\t\t[class.corpo]=\"true\" [class.input]=\"true\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".gridFactor{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:5px;width:100%}.fieldField.FieldMultifactor{border:0}.fieldField.FieldMultifactor input{text-align:center;outline:1px solid var(--sys-outline);height:37px}.fieldField.FieldMultifactor .corpo:focus-visible{outline:2px solid var(--campoCor)}\n"] }]
|
|
5204
5205
|
}], ctorParameters: () => [], propDecorators: { controle: [{ type: i0.ViewChild, args: ['controle', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
@@ -5262,10 +5263,10 @@ class FieldsMultiText extends BaseFieldsForm {
|
|
|
5262
5263
|
this.campo()?.onInput?.(this.form());
|
|
5263
5264
|
this.onChangeEmit();
|
|
5264
5265
|
}
|
|
5265
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5266
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5266
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsMultiText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5267
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsMultiText, isStandalone: true, selector: "fields-multitext", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiText\">\n\t\t\t\t@if(campo()?.showHeader){\n\t\t\t\t<div>Itens</div>\n\t\t\t\t<div class=\"action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInput($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiText{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiText .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiText .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 2}.input{height:40px}.action{min-width:32px;min-height:32px}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5267
5268
|
}
|
|
5268
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5269
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsMultiText, decorators: [{
|
|
5269
5270
|
type: Component,
|
|
5270
5271
|
args: [{ selector: 'fields-multitext', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiText\">\n\t\t\t\t@if(campo()?.showHeader){\n\t\t\t\t<div>Itens</div>\n\t\t\t\t<div class=\"action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInput($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiText{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiText .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiText .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 2}.input{height:40px}.action{min-width:32px;min-height:32px}\n"] }]
|
|
5271
5272
|
}], ctorParameters: () => [] });
|
|
@@ -5291,10 +5292,10 @@ class FieldsNumber extends BaseFieldsForm {
|
|
|
5291
5292
|
this.updateValue(num, touch);
|
|
5292
5293
|
this.campo()?.onInput?.(this.form());
|
|
5293
5294
|
}
|
|
5294
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5295
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5295
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5296
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsNumber, isStandalone: true, selector: "fields-number", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [readOnly]=\"campo()?.readonly ?? false\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5296
5297
|
}
|
|
5297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsNumber, decorators: [{
|
|
5298
5299
|
type: Component,
|
|
5299
5300
|
args: [{ selector: 'fields-number', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"number\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [readOnly]=\"campo()?.readonly ?? false\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
5300
5301
|
}], ctorParameters: () => [] });
|
|
@@ -5320,10 +5321,10 @@ class FieldsPassword extends BaseFieldsForm {
|
|
|
5320
5321
|
this.hide.set(!this.hide());
|
|
5321
5322
|
event.stopPropagation();
|
|
5322
5323
|
}
|
|
5323
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5324
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5324
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5325
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsPassword, isStandalone: true, selector: "fields-password", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldPassword\">\n\t\t\t\t<input [type]=\"hide() ? 'password' : 'text'\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t\t\t\t(change)=\"onChangeEmit()\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"_aoClicarVerSenha($event)\" aria-label=\"Oculta ou Exibe Senha\"\n\t\t\t\t\ttitle=\"Oculta ou Exibe Senha\" [aria-pressed]=\"hide()\"><i\n\t\t\t\t\t\t[class]=\"hide() ? 'bi bi-eye-slash-fill' : 'bi bi-eye-fill'\"></i></ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5325
5326
|
}
|
|
5326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5327
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsPassword, decorators: [{
|
|
5327
5328
|
type: Component,
|
|
5328
5329
|
args: [{ selector: 'fields-password', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldPassword\">\n\t\t\t\t<input [type]=\"hide() ? 'password' : 'text'\" [value]=\"value()\" (input)=\"onInput($event.target.value)\"\n\t\t\t\t\t(change)=\"onChangeEmit()\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.outlined]=\"true\"\n\t\t\t\t\t[class.input]=\"true\" />\n\t\t\t\t<ui-button tipo=\"icon\" tema=\"primary\" (click)=\"_aoClicarVerSenha($event)\" aria-label=\"Oculta ou Exibe Senha\"\n\t\t\t\t\ttitle=\"Oculta ou Exibe Senha\" [aria-pressed]=\"hide()\"><i\n\t\t\t\t\t\t[class]=\"hide() ? 'bi bi-eye-slash-fill' : 'bi bi-eye-fill'\"></i></ui-button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
5329
5330
|
}], ctorParameters: () => [] });
|
|
@@ -5362,10 +5363,10 @@ class FieldsSearch extends BaseFieldsForm {
|
|
|
5362
5363
|
onSearch() {
|
|
5363
5364
|
this.onChangeEmit();
|
|
5364
5365
|
}
|
|
5365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5366
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5366
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5367
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsSearch, isStandalone: true, selector: "fields-search", viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"\n\t[class.isCollapsed]=\"isCollapsed()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSearch\">\n\t\t\t\t<ui-procurar [value]=\"value()\" [name]=\"campo()?.prop\" (inputed)=\"onInput($event)\" (changed)=\"onChangeEmit()\"\n\t\t\t\t\t[colapsed]=\"isCollapsed()\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? 'Procurar...'\"></ui-procurar>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ""], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }, { kind: "component", type: UiProcurar, selector: "ui-procurar", inputs: ["value", "colapsed", "autoColapse", "name", "placeholder", "disabled"], outputs: ["inputed", "changed", "valueChange", "colapsedChange", "autoColapseChange"] }] });
|
|
5367
5368
|
}
|
|
5368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsSearch, decorators: [{
|
|
5369
5370
|
type: Component,
|
|
5370
5371
|
args: [{ selector: 'fields-search', imports: [UiListErrors, UiProcurar], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\"\n\t[class.isCollapsed]=\"isCollapsed()\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSearch\">\n\t\t\t\t<ui-procurar [value]=\"value()\" [name]=\"campo()?.prop\" (inputed)=\"onInput($event)\" (changed)=\"onChangeEmit()\"\n\t\t\t\t\t[colapsed]=\"isCollapsed()\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? 'Procurar...'\"></ui-procurar>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
5371
5372
|
}], ctorParameters: () => [], propDecorators: { searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }] } });
|
|
@@ -5399,10 +5400,10 @@ class FieldsSelect extends BaseFieldsForm {
|
|
|
5399
5400
|
this.campo()?.onInput?.(this.form());
|
|
5400
5401
|
this.onChangeEmit();
|
|
5401
5402
|
}
|
|
5402
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5403
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5403
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5404
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsSelect, isStandalone: true, selector: "fields-select", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSelect\">\n\t\t\t\t<ui-select [value]=\"this.value()\" [options]=\"fieldOptions()\" (changed)=\"onChange($event)\"\n\t\t\t\t\t[multiple]=\"this.campo()?.multiple ?? false\" [name]=\"this.campo()?.prop\" [textEmpty]=\"this.campo()?.textEmpty\"\n\t\t\t\t\t[canUnselect]=\"campo()?.canUnselect\"></ui-select>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSelect{width:100%;padding:0 4px 0 8px}.FieldSelect ui-select{width:100%;display:flex;justify-content:center;align-items:center}.fieldField:has(ui-select.opened){outline:2px solid var(--campoCor)}\n"], dependencies: [{ kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5404
5405
|
}
|
|
5405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsSelect, decorators: [{
|
|
5406
5407
|
type: Component,
|
|
5407
5408
|
args: [{ selector: 'fields-select', imports: [UiSelect, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSelect\">\n\t\t\t\t<ui-select [value]=\"this.value()\" [options]=\"fieldOptions()\" (changed)=\"onChange($event)\"\n\t\t\t\t\t[multiple]=\"this.campo()?.multiple ?? false\" [name]=\"this.campo()?.prop\" [textEmpty]=\"this.campo()?.textEmpty\"\n\t\t\t\t\t[canUnselect]=\"campo()?.canUnselect\"></ui-select>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSelect{width:100%;padding:0 4px 0 8px}.FieldSelect ui-select{width:100%;display:flex;justify-content:center;align-items:center}.fieldField:has(ui-select.opened){outline:2px solid var(--campoCor)}\n"] }]
|
|
5408
5409
|
}], ctorParameters: () => [] });
|
|
@@ -5433,10 +5434,10 @@ class FieldsSlide extends BaseFieldsForm {
|
|
|
5433
5434
|
this.signalFocus.set(false);
|
|
5434
5435
|
}, 1);
|
|
5435
5436
|
}
|
|
5436
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5437
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5437
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5438
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsSlide, isStandalone: true, selector: "fields-slide", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSlide microPos4\">\n\t\t\t\t<ui-slide [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-slide>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSlide{padding-left:4px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:8px;padding-right:8px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldSlide:has(ui-slide.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"], dependencies: [{ kind: "component", type: UiSlide, selector: "ui-slide", inputs: ["value", "disabled", "focused", "focus"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5438
5439
|
}
|
|
5439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsSlide, decorators: [{
|
|
5440
5441
|
type: Component,
|
|
5441
5442
|
args: [{ selector: 'fields-slide', imports: [UiSlide, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldSlide microPos4\">\n\t\t\t\t<ui-slide [value]=\"value()\" (changed)=\"onChange($event)\" [focus]=\"signalFocus()\"></ui-slide>\n\t\t\t\t<div class=\"tituloClicavel\" (click)=\"toogleAtivo()\">\n\t\t\t\t\t{{ value() ? (campo()?.textoAtivo ?? campo()?.tituloClicavel ) : (campo()?.textoInativo ??\n\t\t\t\t\tcampo()?.tituloClicavel) }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldSlide{padding-left:4px;display:flex;flex-wrap:nowrap;align-items:center;transition:outline 0s;transition-delay:.2s}.tituloClicavel{display:flex;align-items:center;padding-left:8px;padding-right:8px;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;line-height:30px;text-align:var(--ui-text-align, center)}.FieldSlide:has(ui-slide.focused){outline:2px solid var(--sys-primary);transition:outline 0s}\n"] }]
|
|
5442
5443
|
}], ctorParameters: () => [] });
|
|
@@ -5456,10 +5457,10 @@ class FieldsText extends BaseFieldsForm {
|
|
|
5456
5457
|
this.updateValue(newValue);
|
|
5457
5458
|
this.campo()?.onInput?.(this.form());
|
|
5458
5459
|
}
|
|
5459
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5460
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5460
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5461
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsText, isStandalone: true, selector: "fields-text", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"text\" [value]=\"value() ?? ''\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5461
5462
|
}
|
|
5462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsText, decorators: [{
|
|
5463
5464
|
type: Component,
|
|
5464
5465
|
args: [{ selector: 'fields-text', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldText\">\n\t\t\t\t<input type=\"text\" [value]=\"value() ?? ''\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
5465
5466
|
}], ctorParameters: () => [] });
|
|
@@ -5565,6 +5566,7 @@ class FieldsUpload extends BaseFieldsForm {
|
|
|
5565
5566
|
continue;
|
|
5566
5567
|
}
|
|
5567
5568
|
this.onAddFile([{
|
|
5569
|
+
url: null,
|
|
5568
5570
|
base64,
|
|
5569
5571
|
name: newFile.name,
|
|
5570
5572
|
size: newFile.size,
|
|
@@ -5588,10 +5590,10 @@ class FieldsUpload extends BaseFieldsForm {
|
|
|
5588
5590
|
this.inputFile()?.nativeElement.click();
|
|
5589
5591
|
}
|
|
5590
5592
|
}
|
|
5591
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5592
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5593
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5594
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsUpload, isStandalone: true, selector: "fields-upload", viewQueries: [{ propertyName: "inputFile", first: true, predicate: ["inputFile"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldUpload\">\n\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\n\t\t\t\t\t@if(filesList().length > 0) {\n\n\t\t\t\t\t<ui-file-list [filesList]=\"filesList()\" (remove)=\"onRemove($event)\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\"></ui-file-list>\n\n\t\t\t\t\t} @else {\n\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\n\t\t\t\t\t\t<i class=\"bi bi-cloud-upload-fill\"></i>\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t}\n\t\t\t\t</ui-drop-zone>\n\n\t\t\t\t<div [style.display]=\"'none'\">\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t@if(acceptFormats){\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\n\t}\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"], dependencies: [{ kind: "component", type: UiDropZone, selector: "ui-drop-zone", inputs: ["value", "disabled", "sobrepor"], outputs: ["valueChange", "clicked", "changed"] }, { kind: "component", type: UiFileList, selector: "ui-file-list", inputs: ["disabled", "filesList"], outputs: ["remove"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5593
5595
|
}
|
|
5594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsUpload, decorators: [{
|
|
5595
5597
|
type: Component,
|
|
5596
5598
|
args: [{ selector: 'fields-upload', imports: [UiDropZone, UiFileList, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldUpload\">\n\n\t\t\t\t<ui-drop-zone (changed)=\"onDropped($event)\" [disabled]=\"campo()?.disabled\" (clicked)=\"onClickUpload()\"\n\t\t\t\t\t[sobrepor]=\"sobrepondo()\">\n\t\t\t\t\t@if(filesList().length > 0) {\n\n\t\t\t\t\t<ui-file-list [filesList]=\"filesList()\" (remove)=\"onRemove($event)\"\n\t\t\t\t\t\t[disabled]=\"campo()?.disabled\"></ui-file-list>\n\n\t\t\t\t\t} @else {\n\n\t\t\t\t\t<div class=\"fieldDidplayUpload\">\n\t\t\t\t\t\t<i class=\"bi bi-cloud-upload-fill\"></i>\n\t\t\t\t\t\t<div class=\"f-s-16\"><span class=\"text-primary\">Solte</span> seu arquivo aqui</div>\n\t\t\t\t\t\t<div class=\"f-s-14\"><span class=\"text-primary\">ou clique</span> para procurar</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t}\n\t\t\t\t</ui-drop-zone>\n\n\t\t\t\t<div [style.display]=\"'none'\">\n\t\t\t\t\t<input #inputFile type=\"file\" [accept]=\"acceptFormats\" [multiple]=\"campo()?.multiple\"\n\t\t\t\t\t\t(change)=\"onChangedInputFile($event)\" [disabled]=\"campo()?.disabled\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t@if(acceptFormats){\n\t<div class=\"dica\">Formatos: {{ acceptFormatsShow() }}</div>\n\t}\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldUpload:has(ui-drop-zone){outline:none;border:0}.fieldDidplayUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.fieldDidplayUpload i{font-size:48px}.dica{margin-top:4px;font-size:12px;filter:grayscale();opacity:.7}\n"] }]
|
|
5597
5599
|
}], ctorParameters: () => [], propDecorators: { inputFile: [{ type: i0.ViewChild, args: ['inputFile', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
@@ -5611,10 +5613,10 @@ class FieldsTime extends BaseFieldsForm {
|
|
|
5611
5613
|
this.updateValue(newValue);
|
|
5612
5614
|
this.campo()?.onInput?.(this.form());
|
|
5613
5615
|
}
|
|
5614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5615
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5616
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5617
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsTime, isStandalone: true, selector: "fields-time", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTime\">\n\t\t\t\t<input type=\"time\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5616
5618
|
}
|
|
5617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsTime, decorators: [{
|
|
5618
5620
|
type: Component,
|
|
5619
5621
|
args: [{ selector: 'fields-time', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTime\">\n\t\t\t\t<input type=\"time\" [value]=\"value()\" (input)=\"onInput($event.target.value)\" (change)=\"onChangeEmit()\"\n\t\t\t\t\t[name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\"\n\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\"\n\t\t\t\t\t[style]=\"campo()?.style\" [class.outlined]=\"true\" [class.input]=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n"] }]
|
|
5620
5622
|
}], ctorParameters: () => [] });
|
|
@@ -5635,10 +5637,10 @@ class FieldsTextarea extends BaseFieldsForm {
|
|
|
5635
5637
|
this.updateValue(newValue);
|
|
5636
5638
|
this.campo()?.onInput?.(this.form());
|
|
5637
5639
|
}
|
|
5638
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5639
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5640
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5641
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsTextarea, isStandalone: true, selector: "fields-textarea", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTextArea\">\n\t\t\t\t<textarea [value]=\"value()\" (input)=\"onInput($event)\" (change)=\"onChangeEmit()\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [attr.maxLength]=\"campo()?.maxl\"\n\t\t\t\t\t[attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [class.outlined]=\"true\"\n\t\t\t\t\t[rows]=\"campo()?.rows ?? 5\" [cols]=\"campo()?.cols\" [attr.readonly]=\"campo()?.readonly ? true : null\"\n\t\t\t\t\t[class.input]=\"true\"></textarea>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldTextArea{padding:.5rem 0;line-height:22px}\n"], dependencies: [{ kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5640
5642
|
}
|
|
5641
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5643
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsTextarea, decorators: [{
|
|
5642
5644
|
type: Component,
|
|
5643
5645
|
args: [{ selector: 'fields-textarea', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldTextArea\">\n\t\t\t\t<textarea [value]=\"value()\" (input)=\"onInput($event)\" (change)=\"onChangeEmit()\" [name]=\"campo()?.prop\"\n\t\t\t\t\t[disabled]=\"campo()?.disabled\" [placeholder]=\"campo()?.placeholder ?? ''\" [attr.maxLength]=\"campo()?.maxl\"\n\t\t\t\t\t[attr.minLength]=\"campo()?.minl\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\" [class.outlined]=\"true\"\n\t\t\t\t\t[rows]=\"campo()?.rows ?? 5\" [cols]=\"campo()?.cols\" [attr.readonly]=\"campo()?.readonly ? true : null\"\n\t\t\t\t\t[class.input]=\"true\"></textarea>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldTextArea{padding:.5rem 0;line-height:22px}\n"] }]
|
|
5644
5646
|
}], ctorParameters: () => [] });
|
|
@@ -5715,10 +5717,10 @@ class FieldsMultiKV extends BaseFieldsForm {
|
|
|
5715
5717
|
this.updateValue(this.items);
|
|
5716
5718
|
this.onChangeEmit();
|
|
5717
5719
|
}
|
|
5718
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5719
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5720
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsMultiKV, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5721
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsMultiKV, isStandalone: true, selector: "fields-multikv", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiKv\">\n\t\t\t\t@if(campo()?.showHeader != false){\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloChave ?? 'Chaves'}}</div>\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloValor ?? 'Valores'}}</div>\n\t\t\t\t<div class=\"header action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.k\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputK($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeK($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.v\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputV($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeV($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiKv{display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiKv .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiKv .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 3}.input{height:40px}.action{min-width:32px;min-height:32px}.header{font-weight:700;text-decoration:underline;padding-left:10px}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiListErrors, selector: "ui-list-errors", inputs: ["show", "errors", "dica"] }] });
|
|
5720
5722
|
}
|
|
5721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5723
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsMultiKV, decorators: [{
|
|
5722
5724
|
type: Component,
|
|
5723
5725
|
args: [{ selector: 'fields-multikv', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\n\t[class.isInvalid]=\"campo()?.invalid\" [class.isDisabled]=\"campo()?.disabled\" [class.isReadonly]=\"campo()?.readonly\"\n\t[class.isNeed]=\"campo()?.need\" [class.isPending]=\"campo()?.pending\" [class.isEmpty]=\"campo()?.empty\">\n\t<div class=\"fieldLabel\" (click)=\"onClickLabel()\" [class.hideLabel]=\"campo()?.hideLabel\">\n\t\t@if(campo()?.icone){ <div class=\"fieldIcon\"><i [class]=\"campo()?.icone\"></i></div> }\n\t\t{{ campo()?.titulo }}\n\t</div>\n\t<div class=\"fieldControl doCampo\">\n\t\t<div class=\"fieldEffect\">\n\t\t\t<div class=\"fieldField FieldMultiKv\">\n\t\t\t\t@if(campo()?.showHeader != false){\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloChave ?? 'Chaves'}}</div>\n\t\t\t\t<div class=\"header\">{{ campo()?.tituloValor ?? 'Valores'}}</div>\n\t\t\t\t<div class=\"header action\"></div>\n\t\t\t\t}\n\t\t\t\t@for (item of items; track $index) {\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.k\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputK($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeK($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<input type=\"text\" [value]=\"item.v\" [name]=\"campo()?.prop\" [disabled]=\"campo()?.disabled\"\n\t\t\t\t\t\t[placeholder]=\"campo()?.placeholder ?? ''\" [class]=\"campo()?.classe\" [style]=\"campo()?.style\"\n\t\t\t\t\t\t[attr.maxLength]=\"campo()?.maxl\" [attr.minLength]=\"campo()?.minl\" [class.input]=\"true\"\n\t\t\t\t\t\t[class.outlined]=\"true\" (input)=\"_onLocalInputV($event.target.value, $index)\"\n\t\t\t\t\t\t(change)=\"_onLocalChangeV($event.target.value, $index)\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"action\">\n\t\t\t\t\t<ui-button tipo=\"icon\" tema=\"error\" title=\"Remover Linha\" (click)=\"onClickDelItem($index)\"\n\t\t\t\t\t\ticone=\"bi bi-trash\">\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"add\">\n\t\t\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" title=\"Adicionar Linha\" (click)=\"onClickAddItem()\"\n\t\t\t\t\t\ticone=\"bi bi-plus-circle\">\n\t\t\t\t\t\tAdicionar Linha\n\t\t\t\t\t</ui-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<ui-list-errors [errors]=\"campo()?.errors\" [dica]=\"campo()?.dica\" [show]=\"campo()?.touched\"></ui-list-errors>\n</div>", styles: [":host{display:block;--campoCor: var(--sys-primary);--outlineColor: var(--sys-outline) }.fieldContainer{position:relative;margin:2px;display:flex;flex-direction:column;height:100%;gap:1px}.fieldField{display:flex;position:relative;border:1px solid var(--outlineColor);border-radius:var(--sys-border-radius);height:100%;min-height:37px;outline:2px solid var(--sys-card);background:var(--sys-card)}.fieldInput,.fieldField .input{padding:0 10px;border:none;border-radius:var(--sys-border-radius);font-family:inherit;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;color:var(--sys-on-card);caret-color:var(--sys-primary);outline:none;flex-grow:1}.fieldInput{outline:1px solid var(--outlineColor)}.fieldLabel{display:flex;align-items:center;gap:.5rem;line-height:20px;font-size:14px;font-weight:600;padding-left:5px}.fieldLabel.hideLabel{display:none}.fieldField:has(.outlined:focus){outline:2px solid var(--campoCor)}.fieldContainer.isTouched.showTouched{outline:2px dotted green;border-radius:5px;outline-offset:0px;animation:borderOutline 1s linear infinite}@keyframes borderOutline{0%{outline-color:green}50%{outline-color:transparent}to{outline-color:green}}.isTouched.isInvalid .fieldInput,.isTouched.isInvalid .fieldField{outline:2px solid var(--sys-error)}.fieldControl{display:flex;position:relative;gap:.5rem;height:fit-content}.fieldTopRight{position:absolute;top:0;right:0;font-size:14px}.fieldContainer.isDisabled{filter:grayscale(100%);cursor:not-allowed;--outlineColor: color-mix(in srgb, var(--sys-outline) 50%, transparent 50%)}.fieldContainer.isDisabled .fieldControl{pointer-events:none}.fieldContainer.isDisabled .fieldLabel{opacity:.6}.isNeed .fieldControl:after{content:\"*\";position:absolute;right:-1px;top:-1px;font-size:14px;color:color-mix(in srgb,var(--sys-outline) 80%,var(--sys-error) 20%)}.fieldIcon{display:flex;align-items:center;font-size:16px}.fieldEffect{position:relative;width:100%;border-radius:var(--sys-border-radius);padding:3px;height:fit-content}.isPending .fieldEffect:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:repeating-conic-gradient(from var(--anglePendingEffect),var(--sys-error) 0%,var(--sys-error) 5%,transparent 5%,transparent 15%,var(--sys-error) 25%,var(--sys-info) 30%,transparent 30%,transparent 40%,var(--sys-error) 50%);animation:rotacionar 4s linear infinite}@property --anglePendingEffect{syntax: \"<angle>\"; inherits: false; initial-value: 0deg;}@keyframes rotacionar{0%{--anglePendingEffect: 0deg}to{--anglePendingEffect: 360deg}}\n", ".FieldMultiKv{display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:40px;gap:8px;align-items:center;padding:8px;border:0}.fieldField.FieldMultiKv .input{outline:1px solid var(--sys-outline)}.fieldField.FieldMultiKv .input:focus-visible{outline:2px solid var(--campoCor)}.index{text-align:center;font-weight:700;min-width:18px}.add{grid-area:auto / auto / auto / span 3}.input{height:40px}.action{min-width:32px;min-height:32px}.header{font-weight:700;text-decoration:underline;padding-left:10px}\n"] }]
|
|
5724
5726
|
}], ctorParameters: () => [] });
|
|
@@ -5769,10 +5771,10 @@ class FieldsGeneric extends BaseFieldsForm {
|
|
|
5769
5771
|
return FIELDS_MAP[tipo] || null;
|
|
5770
5772
|
return null;
|
|
5771
5773
|
}
|
|
5772
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5773
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5774
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsGeneric, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5775
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FieldsGeneric, isStandalone: true, selector: "fields-g", usesInheritance: true, ngImport: i0, template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\n<ng-container [ngComponentOutlet]=\"component\" [ngComponentOutletInputs]=\"{ form: this.form(), name: name() }\" />\n}", dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
|
|
5774
5776
|
}
|
|
5775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FieldsGeneric, decorators: [{
|
|
5776
5778
|
type: Component,
|
|
5777
5779
|
args: [{ selector: 'fields-g', imports: [NgComponentOutlet], template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\n<ng-container [ngComponentOutlet]=\"component\" [ngComponentOutletInputs]=\"{ form: this.form(), name: name() }\" />\n}" }]
|
|
5778
5780
|
}] });
|
|
@@ -5781,10 +5783,10 @@ class ClassOfPipe {
|
|
|
5781
5783
|
transform(value, args) {
|
|
5782
5784
|
return LibUtil.classof(value);
|
|
5783
5785
|
}
|
|
5784
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5785
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
5786
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ClassOfPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5787
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: ClassOfPipe, isStandalone: true, name: "classOf" });
|
|
5786
5788
|
}
|
|
5787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ClassOfPipe, decorators: [{
|
|
5788
5790
|
type: Pipe,
|
|
5789
5791
|
args: [{ name: 'classOf' }]
|
|
5790
5792
|
}] });
|
|
@@ -5880,10 +5882,10 @@ class FormControls {
|
|
|
5880
5882
|
this.form().setAllCamposPartial({ errors: [] });
|
|
5881
5883
|
}
|
|
5882
5884
|
}
|
|
5883
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5884
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5885
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormControls, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5886
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FormControls, isStandalone: true, selector: "ui-form-controls", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, recebido: { classPropertyName: "recebido", publicName: "recebido", isSignal: true, isRequired: false, transformFunction: null }, hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null }, totalFases: { classPropertyName: "totalFases", publicName: "totalFases", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, ngImport: i0, template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<div class=\"areaValues barStatus\">\n\t\t<div class=\"f-s-e status\">\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\n\t\t\t\t@if(totalFases() > 1){\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>A</div>\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>U</div>\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\n\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t<i class=\"fa fa-list-check f-s-18\"></i>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\n\t\t\t\ttitle=\"Algum campo tocado\">\n\t\t\t\t<i class=\"fa fa-handshake f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\n\t\t\t\t<i class=\"bi bi-check2-all f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\n\t\t\t\ttitle=\"Estado de Enviado\">\n\t\t\t\t<i class=\"bi bi-send-check f-s-18\"></i>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t\t<div class=\"f-s-e status\">\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"dados\" (click)=\"copiar()\" icone=\"bi bi-copy\"\n\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"estado\" (click)=\"setOutline()\" [class.ativo]=\"hasOutline()\"\n\t\t\t\ticone=\"fa fa-border-top-left\" [title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"changePreview()\" [class.ativo]=\"showingErrors()\"\n\t\t\t\ticone=\"bi bi-exclamation-triangle\" [title]=\"showingErrors() ? 'Errors' : 'Values'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"obrigatorio()\" [class.ativo]=\"fullRequired()\"\n\t\t\t\ticone=\"fa fa-file-circle-exclamation\" [title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\n\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"desativados()\" [class.ativo]=\"fullDisabled()\"\n\t\t\t\ticone=\"bi bi-person-fill-lock\" [title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"pendentes()\" [class.ativo]=\"fullPending()\"\n\t\t\t\ticone=\"fa fa-clock-four\" [title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\n\n\t\t</div>\n\t</div>\n\t@if(!colapsed()){\n\t<div class=\"formColtrols\">\n\t\t<div class=\"areaValues jsonArea\">\n\t\t\t@if(showingErrors()){\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\n\t\t\t} @else {\n\t\t\t<div>Valor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"areaValues controls\">\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"sanitizar()\" icone=\"fa fa-quidditch-broom-ball\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\n\t\t\t\tSanitizar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"onlyAvailable()\" icone=\"fa fa-power-off\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o dispon\u00EDveis para este formul\u00E1rio.\">\n\t\t\t\tDispon\u00EDveis\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"validar()\" icone=\"bi bi-ui-checks\"\n\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\n\t\t\t\tValidar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"warning\" class=\"dados\" (click)=\"setarValRecebido()\"\n\t\t\t\ticone=\"fa fa-clock-rotate-left\" title=\"Seta os valores que foram recebidos no formul\u00E1rio.\">\n\t\t\t\tRecebido\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"forcarVazio()\" icone=\"bi bi-eraser-fill\"\n\t\t\t\ttitle=\"Limpa todos os valores do formul\u00E1rio.\">\n\t\t\t\tLimpar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"setarValInicio()\" icone=\"bi bi-skip-backward\"\n\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\n\t\t\t\tReset\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"info\" class=\"dados\" (click)=\"tocados()\"\n\t\t\t\t[icone]=\"fullTouched() ? 'fa fa-handshake' : 'fa fa-handshake-slash'\"\n\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\n\t\t\t\t{{ fullTouched() ? 'Tocados' : 'Tocar Todos' }}\n\t\t\t</ui-button>\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"estado\" (click)=\"setErrorAll()\"\n\t\t\t\t[class.ativo]=\"form().listaErrors().length > 0\"\n\t\t\t\t[icone]=\"form().listaErrors().length > 0 ? 'bi bi-exclamation-triangle' : 'bi bi-circle'\"\n\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\n\t\t\t\t{{ form().listaErrors().length > 0 ? 'Erros For\u00E7ados' : 'Erros removidos' }}\n\t\t\t</ui-button>\n\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--sys-gap);margin-top:var(--sys-gap)}.barStatus{display:flex;flex-direction:row;gap:var(--sys-gap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--sys-gap)}.collapsed .formColtrols{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--sys-border-radius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse i{transition:.3s}.collapsed .barIcoCollapse i{transition:.3s;transform:rotate(180deg)}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "pipe", type: JsonColoridoPipe, name: "jsonColorido" }, { kind: "pipe", type: ClassOfPipe, name: "classOf" }] });
|
|
5885
5887
|
}
|
|
5886
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormControls, decorators: [{
|
|
5887
5889
|
type: Component,
|
|
5888
5890
|
args: [{ selector: 'ui-form-controls', imports: [UiButton, JsonColoridoPipe, ClassOfPipe], template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\n\t<div class=\"areaValues barStatus\">\n\t\t<div class=\"f-s-e status\">\n\t\t\t<div class=\"statusItem f-s-12 f-t-b\" [title]=\"'Fases. Atual: ' + faseIndex() + '. Total: ' + totalFases()\"\n\t\t\t\t[class.ativo]=\"totalFases() > 1\" [class.inativo]=\"faseIndex() < 0 || faseIndex() > totalFases()\">\n\t\t\t\t@if(totalFases() > 1){\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>A</div>\n\t\t\t\t\t<div>{{ faseIndex() }}</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"f-s-e\">\n\t\t\t\t\t<div>U</div>\n\t\t\t\t\t<div>{{ totalFases() - 1 }}</div>\n\t\t\t\t</div>\n\t\t\t\t} @else {\n\t\t\t\t<i class=\"fa fa-list-check f-s-18\"></i>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().algumTocado()\" [class.inativo]=\"!form().algumTocado()\"\n\t\t\t\ttitle=\"Algum campo tocado\">\n\t\t\t\t<i class=\"fa fa-handshake f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().valido()\" [class.inativo]=\"!form().valido()\"\n\t\t\t\ttitle=\"Todos campos V\u00E1lidos\">\n\t\t\t\t<i class=\"bi bi-check2-all f-s-20\"></i>\n\t\t\t</div>\n\t\t\t<div class=\"statusItem\" [class.ativo]=\"form().isEnviado\" [class.inativo]=\"!form().isEnviado\"\n\t\t\t\ttitle=\"Estado de Enviado\">\n\t\t\t\t<i class=\"bi bi-send-check f-s-18\"></i>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"divider barIcoCollapse\" (click)=\"colapsed.set(!colapsed())\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t\t<div class=\"f-s-e status\">\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"dados\" (click)=\"copiar()\" icone=\"bi bi-copy\"\n\t\t\t\ttitle=\"Copiar o JSON de valores\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"success\" class=\"estado\" (click)=\"setOutline()\" [class.ativo]=\"hasOutline()\"\n\t\t\t\ticone=\"fa fa-border-top-left\" [title]=\"(hasOutline() ? 'Com' : 'Sem') +' Outline'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"changePreview()\" [class.ativo]=\"showingErrors()\"\n\t\t\t\ticone=\"bi bi-exclamation-triangle\" [title]=\"showingErrors() ? 'Errors' : 'Values'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"obrigatorio()\" [class.ativo]=\"fullRequired()\"\n\t\t\t\ticone=\"fa fa-file-circle-exclamation\" [title]=\"fullRequired() ? 'Obrigat\u00F3rio' : 'Liberado'\"></ui-button>\n\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"desativados()\" [class.ativo]=\"fullDisabled()\"\n\t\t\t\ticone=\"bi bi-person-fill-lock\" [title]=\"fullDisabled() ? 'Desativado' : 'Ativo'\"></ui-button>\n\t\t\t<ui-button tipo=\"icon\" tema=\"info\" class=\"estado\" (click)=\"pendentes()\" [class.ativo]=\"fullPending()\"\n\t\t\t\ticone=\"fa fa-clock-four\" [title]=\"fullPending() ? 'Pendente' : 'Sincronizado'\"></ui-button>\n\n\t\t</div>\n\t</div>\n\t@if(!colapsed()){\n\t<div class=\"formColtrols\">\n\t\t<div class=\"areaValues jsonArea\">\n\t\t\t@if(showingErrors()){\n\t\t\t<div>Erros do Formul\u00E1rio (Tipo: {{ form().listaErrors() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"form().listaErrors() | jsonColorido\"></pre>\n\t\t\t} @else {\n\t\t\t<div>Valor do Formul\u00E1rio (Tipo: {{ form().values() | classOf }})</div>\n\t\t\t<pre class=\"p-2\" [innerHTML]=\"valoresOrdenados() | jsonColorido\"></pre>\n\t\t\t}\n\t\t</div>\n\t\t<div class=\"areaValues controls\">\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"sanitizar()\" icone=\"fa fa-quidditch-broom-ball\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o definidos para este formul\u00E1rio.\">\n\t\t\t\tSanitizar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"onlyAvailable()\" icone=\"fa fa-power-off\"\n\t\t\t\ttitle=\"Filtra e mant\u00E9m apenas os valores dos campos que est\u00E3o dispon\u00EDveis para este formul\u00E1rio.\">\n\t\t\t\tDispon\u00EDveis\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"success\" class=\"dados\" (click)=\"validar()\" icone=\"bi bi-ui-checks\"\n\t\t\t\ttitle=\"Valida o formul\u00E1rio e seus campos.\">\n\t\t\t\tValidar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"warning\" class=\"dados\" (click)=\"setarValRecebido()\"\n\t\t\t\ticone=\"fa fa-clock-rotate-left\" title=\"Seta os valores que foram recebidos no formul\u00E1rio.\">\n\t\t\t\tRecebido\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"forcarVazio()\" icone=\"bi bi-eraser-fill\"\n\t\t\t\ttitle=\"Limpa todos os valores do formul\u00E1rio.\">\n\t\t\t\tLimpar\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"dados\" (click)=\"setarValInicio()\" icone=\"bi bi-skip-backward\"\n\t\t\t\ttitle=\"Reseta os valores do formul\u00E1rio para os valores iniciais.\">\n\t\t\t\tReset\n\t\t\t</ui-button>\n\t\t\t<ui-button tipo=\"outlined\" tema=\"info\" class=\"dados\" (click)=\"tocados()\"\n\t\t\t\t[icone]=\"fullTouched() ? 'fa fa-handshake' : 'fa fa-handshake-slash'\"\n\t\t\t\ttitle=\"Marca todos os campos como tocados ou n\u00E3o tocados.\">\n\t\t\t\t{{ fullTouched() ? 'Tocados' : 'Tocar Todos' }}\n\t\t\t</ui-button>\n\n\t\t\t<ui-button tipo=\"outlined\" tema=\"error\" class=\"estado\" (click)=\"setErrorAll()\"\n\t\t\t\t[class.ativo]=\"form().listaErrors().length > 0\"\n\t\t\t\t[icone]=\"form().listaErrors().length > 0 ? 'bi bi-exclamation-triangle' : 'bi bi-circle'\"\n\t\t\t\t[title]=\"form().listaErrors().length > 0 ? 'Erros adicionados' : 'Erros removidos'\">\n\t\t\t\t{{ form().listaErrors().length > 0 ? 'Erros For\u00E7ados' : 'Erros removidos' }}\n\t\t\t</ui-button>\n\n\t\t</div>\n\t</div>\n\t}\n</div>", styles: [".areaFormControl{display:flex;flex-direction:column;gap:var(--sys-gap);margin-top:var(--sys-gap)}.barStatus{display:flex;flex-direction:row;gap:var(--sys-gap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--sys-gap)}.collapsed .formColtrols{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem}.areaValues.jsonArea{flex:1;overflow:auto}.divider{flex:1;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.controls{display:flex;flex-direction:column;gap:10px;--ui-justify-content: left}.controls .dados,.controls .estado{--ui-font-size: 20px}ui-button.estado.ativo{outline:1px outset var(--sys-high);box-shadow:0 0 1px var(--sys-high),inset 0 0 5px var(--sys-high);border-radius:var(--sys-border-radius)}pre{font-size:16px;padding:1rem}.status{gap:5px}.statusItem{width:30px;height:30px;border:1px solid var(--sys-outline);display:flex;justify-content:center;align-items:center;text-align:center;border-radius:4px;line-height:13px;background-color:var(--sys-background)}.statusItem.ativo{background-color:var(--sys-success-15);border-color:var(--sys-success)}.statusItem.inativo{background-color:var(--sys-error-15);border-color:var(--sys-error)}.barIcoCollapse i{transition:.3s}.collapsed .barIcoCollapse i{transition:.3s;transform:rotate(180deg)}\n"] }]
|
|
5889
5891
|
}], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], recebido: [{ type: i0.Input, args: [{ isSignal: true, alias: "recebido", required: false }] }], hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], faseIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "faseIndex", required: false }] }], totalFases: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalFases", required: false }] }] } });
|
|
@@ -5923,10 +5925,10 @@ class FormFilter extends BaseFieldsValues {
|
|
|
5923
5925
|
this.form.updateValues({ [k]: '' });
|
|
5924
5926
|
this.onFiltrar();
|
|
5925
5927
|
}
|
|
5926
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5927
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5928
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormFilter, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5929
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FormFilter, isStandalone: true, selector: "fields-form-filter", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", filtrar: "filtrar" }, usesInheritance: true, ngImport: i0, template: "<div class=\"filtrosAtivos\">\n\t@for ( item of kvPreenchido(); track $index) {\n\t<div>\n\t\t{{ item.v }}\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\n\t\t</ui-button>\n\t</div>\n\t}\n</div>\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--sys-gap);margin-bottom:var(--sys-gap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--sys-border-radius);font-size:.9rem}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }] });
|
|
5928
5930
|
}
|
|
5929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormFilter, decorators: [{
|
|
5930
5932
|
type: Component,
|
|
5931
5933
|
args: [{ selector: 'fields-form-filter', imports: [UiButton, FieldsGeneric, FormControls], template: "<div class=\"filtrosAtivos\">\n\t@for ( item of kvPreenchido(); track $index) {\n\t<div>\n\t\t{{ item.v }}\n\t\t<ui-button tipo=\"icon\" tema=\"error\" icone=\"bi bi-x\" (click)=\"onDeletePropriedade(item.k)\">\n\t\t</ui-button>\n\t</div>\n\t}\n</div>\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" icone=\"bi bi-funnel\" (click)=\"onFiltrar()\">{{ actionTitle() }}</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%;margin-top:10px}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--sys-gap);margin-bottom:var(--sys-gap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--sys-border-radius);font-size:.9rem}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
|
|
5932
5934
|
}], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], filtrar: [{ type: i0.Output, args: ["filtrar"] }], actionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTitle", required: false }] }] } });
|
|
@@ -6077,10 +6079,10 @@ class FormFase {
|
|
|
6077
6079
|
// }
|
|
6078
6080
|
return camposNaoEmFases;
|
|
6079
6081
|
}
|
|
6080
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6081
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6082
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormFase, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6083
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FormFase, isStandalone: true, selector: "ui-form-fase", inputs: { fases: { classPropertyName: "fases", publicName: "fases", isSignal: true, isRequired: false, transformFunction: null }, campos: { classPropertyName: "campos", publicName: "campos", isSignal: true, isRequired: false, transformFunction: null }, faseIndex: { classPropertyName: "faseIndex", publicName: "faseIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fases: "fasesChange", faseIndex: "faseIndexChange" }, ngImport: i0, template: "@if(isFaseado()){\n<div class=\"faseButtons\">\n\t<ui-button tipo=\"icon\" tema=\"primary\" (clicked)=\"faseVoltar()\" class=\"todosBotoes\" [disabled]=\"isDisabledVoltar()\"\n\t\ticone=\"fa fa-arrow-left\" title=\"Voltar\" [radiusTabFormat]=\"!isLinear()\"></ui-button>\n\t<div class=\"faseButtons faseHeader\" [class.hasGap]=\"isLinear()\">\n\t\t@if(isLinear()){\n\t\t<div class=\"fase-linha-entre-botoes\">\n\t\t\t<div class=\"fase-linha-central\"></div>\n\t\t</div>\n\t\t}\n\t\t@for (fase of fasesList(); track $index) {\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" class=\"todosBotoes faseBotao\" (clicked)=\"faseAvancar($index)\"\n\t\t\t[class.ativo]=\"faseIndex() == $index\" [disabled]=\"fase.disabled\" [icone]=\"fase.icone\" [title]=\"fase.nome\"\n\t\t\t[radiusTabFormat]=\"!isLinear()\">\n\t\t\t<div class=\"faseHeaderText\" [innerHTML]=\"fase.nome\"></div>\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (clicked)=\"faseAvancar()\" class=\"todosBotoes\" [disabled]=\"isDisabledAvancar()\"\n\t\ticone=\"fa fa-arrow-right\" [iconeAntes]=\"false\" [iconeDepois]=\"true\" title=\"Proximo\"\n\t\t[radiusTabFormat]=\"!isLinear()\"></ui-button>\n</div>\n<div class=\"faseUnderline\" [class.underline-linear]=\"isLinear()\"></div>\n}", styles: [".faseButtons{display:flex;flex-direction:row;justify-content:center;align-items:stretch;height:45px;flex:1;gap:1px;position:relative}.faseUnderline{height:1px;background-color:var(--sys-outline);margin-top:0;margin-bottom:var(--sys-gap)}.faseUnderline.underline-linear{margin-top:5px}.fase-linha-entre-botoes{display:flex;flex-direction:row;justify-content:center;align-items:stretch;position:absolute;inset:0;pointer-events:none}.fase-linha-central{width:99%;height:1px;background-color:var(--sys-outline);align-self:center}.faseButtons .todosBotoes{--ui-align-items: center;--ui-height: 45px}.faseBotao{background-color:var(--sys-card)}.faseButtons .faseBotao.ativo{--ui-background: color-mix(in srgb, var(--sys-background) 50%, transparent 50%)}.faseButtons .faseBotao:not(.ativo){--ui-outline-color: color-mix(in srgb, var(--sys-background) 50%, transparent 50%);--ui-opacity: .1}.faseButtons .faseBotao{flex:1;position:relative;min-width:120px}.faseHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.faseHeader.hasGap{gap:15px}.faseHeaderText{font-size:14px;font-weight:600;flex:1}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }] });
|
|
6082
6084
|
}
|
|
6083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormFase, decorators: [{
|
|
6084
6086
|
type: Component,
|
|
6085
6087
|
args: [{ selector: 'ui-form-fase', imports: [UiButton], template: "@if(isFaseado()){\n<div class=\"faseButtons\">\n\t<ui-button tipo=\"icon\" tema=\"primary\" (clicked)=\"faseVoltar()\" class=\"todosBotoes\" [disabled]=\"isDisabledVoltar()\"\n\t\ticone=\"fa fa-arrow-left\" title=\"Voltar\" [radiusTabFormat]=\"!isLinear()\"></ui-button>\n\t<div class=\"faseButtons faseHeader\" [class.hasGap]=\"isLinear()\">\n\t\t@if(isLinear()){\n\t\t<div class=\"fase-linha-entre-botoes\">\n\t\t\t<div class=\"fase-linha-central\"></div>\n\t\t</div>\n\t\t}\n\t\t@for (fase of fasesList(); track $index) {\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" class=\"todosBotoes faseBotao\" (clicked)=\"faseAvancar($index)\"\n\t\t\t[class.ativo]=\"faseIndex() == $index\" [disabled]=\"fase.disabled\" [icone]=\"fase.icone\" [title]=\"fase.nome\"\n\t\t\t[radiusTabFormat]=\"!isLinear()\">\n\t\t\t<div class=\"faseHeaderText\" [innerHTML]=\"fase.nome\"></div>\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (clicked)=\"faseAvancar()\" class=\"todosBotoes\" [disabled]=\"isDisabledAvancar()\"\n\t\ticone=\"fa fa-arrow-right\" [iconeAntes]=\"false\" [iconeDepois]=\"true\" title=\"Proximo\"\n\t\t[radiusTabFormat]=\"!isLinear()\"></ui-button>\n</div>\n<div class=\"faseUnderline\" [class.underline-linear]=\"isLinear()\"></div>\n}", styles: [".faseButtons{display:flex;flex-direction:row;justify-content:center;align-items:stretch;height:45px;flex:1;gap:1px;position:relative}.faseUnderline{height:1px;background-color:var(--sys-outline);margin-top:0;margin-bottom:var(--sys-gap)}.faseUnderline.underline-linear{margin-top:5px}.fase-linha-entre-botoes{display:flex;flex-direction:row;justify-content:center;align-items:stretch;position:absolute;inset:0;pointer-events:none}.fase-linha-central{width:99%;height:1px;background-color:var(--sys-outline);align-self:center}.faseButtons .todosBotoes{--ui-align-items: center;--ui-height: 45px}.faseBotao{background-color:var(--sys-card)}.faseButtons .faseBotao.ativo{--ui-background: color-mix(in srgb, var(--sys-background) 50%, transparent 50%)}.faseButtons .faseBotao:not(.ativo){--ui-outline-color: color-mix(in srgb, var(--sys-background) 50%, transparent 50%);--ui-opacity: .1}.faseButtons .faseBotao{flex:1;position:relative;min-width:120px}.faseHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative}.faseHeader.hasGap{gap:15px}.faseHeaderText{font-size:14px;font-weight:600;flex:1}\n"] }]
|
|
6086
6088
|
}], ctorParameters: () => [], propDecorators: { fases: [{ type: i0.Input, args: [{ isSignal: true, alias: "fases", required: false }] }, { type: i0.Output, args: ["fasesChange"] }], campos: [{ type: i0.Input, args: [{ isSignal: true, alias: "campos", required: false }] }], faseIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "faseIndex", required: false }] }, { type: i0.Output, args: ["faseIndexChange"] }] } });
|
|
@@ -6109,7 +6111,7 @@ class FormAction extends BaseFieldsValues {
|
|
|
6109
6111
|
icone: 'fa fa-handshake',
|
|
6110
6112
|
task: async () => {
|
|
6111
6113
|
this.form.setTouchedAll(true);
|
|
6112
|
-
return true;
|
|
6114
|
+
return { s: true, m: 'Tocando campos concluído' };
|
|
6113
6115
|
}
|
|
6114
6116
|
}]);
|
|
6115
6117
|
}
|
|
@@ -6120,7 +6122,7 @@ class FormAction extends BaseFieldsValues {
|
|
|
6120
6122
|
icone: 'fa fa-quidditch-broom-ball',
|
|
6121
6123
|
task: async () => {
|
|
6122
6124
|
this.form.sanitizar();
|
|
6123
|
-
return true;
|
|
6125
|
+
return { s: true, m: 'Sanitizando concluído' };
|
|
6124
6126
|
}
|
|
6125
6127
|
}]);
|
|
6126
6128
|
}
|
|
@@ -6131,7 +6133,7 @@ class FormAction extends BaseFieldsValues {
|
|
|
6131
6133
|
icone: 'fa fa-power-off',
|
|
6132
6134
|
task: async () => {
|
|
6133
6135
|
this.form.onlyAvailable();
|
|
6134
|
-
return true;
|
|
6136
|
+
return { s: true, m: 'Disponíveis para envio concluído' };
|
|
6135
6137
|
}
|
|
6136
6138
|
}]);
|
|
6137
6139
|
}
|
|
@@ -6143,10 +6145,10 @@ class FormAction extends BaseFieldsValues {
|
|
|
6143
6145
|
task: async () => {
|
|
6144
6146
|
try {
|
|
6145
6147
|
await this.form.validar();
|
|
6146
|
-
return true;
|
|
6148
|
+
return { s: true, m: 'Validação concluída' };
|
|
6147
6149
|
}
|
|
6148
6150
|
catch (e) {
|
|
6149
|
-
return false;
|
|
6151
|
+
return { s: false, m: 'Erro na validação' };
|
|
6150
6152
|
}
|
|
6151
6153
|
}
|
|
6152
6154
|
}]);
|
|
@@ -6159,11 +6161,11 @@ class FormAction extends BaseFieldsValues {
|
|
|
6159
6161
|
task: async () => {
|
|
6160
6162
|
// Para enviar, o form deve estar válido.
|
|
6161
6163
|
if (!this.form.valido())
|
|
6162
|
-
return false;
|
|
6164
|
+
return { s: false, m: 'Formulário inválido' };
|
|
6163
6165
|
// Para enviar, deve existir a função de envio.
|
|
6164
6166
|
let fnEnviar = this.sendValues();
|
|
6165
6167
|
if (!fnEnviar)
|
|
6166
|
-
return false;
|
|
6168
|
+
return { s: false, m: 'Função de envio não definida' };
|
|
6167
6169
|
// Reinicia o resultado anterior, se houver.
|
|
6168
6170
|
this.result = null;
|
|
6169
6171
|
// Obtem os valores do formulário.
|
|
@@ -6177,14 +6179,14 @@ class FormAction extends BaseFieldsValues {
|
|
|
6177
6179
|
this.sending.emit(false);
|
|
6178
6180
|
if (this.result != null) {
|
|
6179
6181
|
// Indica que a tarefa de envio foi concluída com sucesso.
|
|
6180
|
-
return true;
|
|
6182
|
+
return { s: true, m: 'Envio concluído' };
|
|
6181
6183
|
}
|
|
6182
6184
|
}
|
|
6183
6185
|
catch (e) {
|
|
6184
6186
|
LOG(1, "❌ ERRO ao Enviar Valores. ", e);
|
|
6185
6187
|
}
|
|
6186
6188
|
// Qualquer outro caso, indica falha.
|
|
6187
|
-
return false;
|
|
6189
|
+
return { s: false, m: 'Erro ao enviar valores' };
|
|
6188
6190
|
}
|
|
6189
6191
|
}]);
|
|
6190
6192
|
}
|
|
@@ -6206,7 +6208,7 @@ class FormAction extends BaseFieldsValues {
|
|
|
6206
6208
|
this.done.emit(actionsDone);
|
|
6207
6209
|
if (ok)
|
|
6208
6210
|
this.form.isEnviado = true;
|
|
6209
|
-
return ok;
|
|
6211
|
+
return { s: ok, m: ok ? 'Ações concluídas com sucesso' : 'Erro nas ações' };
|
|
6210
6212
|
}
|
|
6211
6213
|
}
|
|
6212
6214
|
]);
|
|
@@ -6218,17 +6220,17 @@ class FormAction extends BaseFieldsValues {
|
|
|
6218
6220
|
for await (const task of this.tasksToSave()) {
|
|
6219
6221
|
// await LibUtil.wait(1000);
|
|
6220
6222
|
let r = task.task();
|
|
6221
|
-
r.then(s => task.success = s).catch(f => task.success = false);
|
|
6223
|
+
r.then(s => task.success = s.s).catch(f => task.success = false);
|
|
6222
6224
|
await r;
|
|
6223
6225
|
task.done = true;
|
|
6224
6226
|
}
|
|
6225
6227
|
this.isLoadingActive.set(false);
|
|
6226
6228
|
this.updateDisabledAction();
|
|
6227
6229
|
}
|
|
6228
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6229
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6230
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormAction, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6231
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FormAction, isStandalone: true, selector: "fields-form-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null }, actionTitle: { classPropertyName: "actionTitle", publicName: "actionTitle", isSignal: true, isRequired: false, transformFunction: null }, sendValues: { classPropertyName: "sendValues", publicName: "sendValues", isSignal: true, isRequired: false, transformFunction: null }, taskTocar: { classPropertyName: "taskTocar", publicName: "taskTocar", isSignal: true, isRequired: false, transformFunction: null }, taskSanitizar: { classPropertyName: "taskSanitizar", publicName: "taskSanitizar", isSignal: true, isRequired: false, transformFunction: null }, taskDisponiveis: { classPropertyName: "taskDisponiveis", publicName: "taskDisponiveis", isSignal: true, isRequired: false, transformFunction: null }, taskValidar: { classPropertyName: "taskValidar", publicName: "taskValidar", isSignal: true, isRequired: false, transformFunction: null }, taskEnviar: { classPropertyName: "taskEnviar", publicName: "taskEnviar", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange", sending: "sending", done: "done" }, usesInheritance: true, ngImport: i0, template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }, { kind: "component", type: FormFase, selector: "ui-form-fase", inputs: ["fases", "campos", "faseIndex"], outputs: ["fasesChange", "faseIndexChange"] }, { kind: "component", type: UiLoading, selector: "ui-loading" }] });
|
|
6230
6232
|
}
|
|
6231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormAction, decorators: [{
|
|
6232
6234
|
type: Component,
|
|
6233
6235
|
args: [{ selector: 'fields-form-action', imports: [UiButton, FieldsGeneric, FormControls, FormFase, UiLoading], template: "<ui-form-fase [fases]=\"fases()\" [campos]=\"form.listaCampos()\" [(faseIndex)]=\"faseIndex\"></ui-form-fase>\n@if(isFaseado()){\n<div class=\"containerFases\" [class.showOutlineFields]=\"hasOutline()\">\n\t@for (fase of listaFase(); track $index;let fIndex = $index) {\n\t<div class=\"areaFase g-fields\" [style.--fase]=\"faseIndex()\" [class.ativo]=\"faseIndex() == fIndex\"\n\t\t[style.--g-fields-min]=\"fase.gridMin\" [style.--g-fields-max]=\"fase.gridMax\"\n\t\t[class.showOutlineFields]=\"hasOutline()\">\n\t\t@for (faseGrupo of faseGrupo(); track $index) {\n\t\t@if(faseGrupo.faseIndex == fIndex){\n\n\t\t@if(faseGrupo.tipo == 'campo' && faseGrupo.campo){\n\n\t\t<fields-g [form]=\"form\" [name]=\"faseGrupo.campo.prop\"\n\t\t\t[class]=\"faseGrupo.campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\n\t\t} @else if (faseGrupo.tipo == 'grupo' && faseGrupo.grupo) {\n\n\t\t<div class=\"field-group\" [style.grid-area]=\"faseGrupo.grupo.area ?? 'auto / auto / auto / span 2'\">\n\t\t\t@if(faseGrupo.grupo.titulo){ <div class=\"group-title\"\n\t\t\t\t[style.grid-area]=\"faseGrupo.grupo.tituloArea ?? 'auto / auto / auto / span 2'\">{{\n\t\t\t\tfaseGrupo.grupo!.titulo }}</div> }\n\t\t\t@for(campo of faseGrupo.grupo!.campos; track $index){\n\t\t\t<fields-g [form]=\"form\" [name]=\"campo\"\n\t\t\t\t[class]=\"form.campos()[campo]?.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t\t\t}\n\t\t</div>\n\n\t\t}@else{\n\n\t\t<div class=\"card bg-danger\"> \u274C Falha tipo {{ faseGrupo.tipo }}.<br> Campo {{ faseGrupo.nome }} n\u00E3o encontrado!</div>\n\t\t}\n\n\t\t}\n\t\t}\n\t</div>\n\t}\n</div>\n\n}@else {\n<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\"\n\t[class.showOutlineFields]=\"hasOutline()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n}\n\n<div class=\"buttonsGap\">\n\t<ui-button tipo=\"fill\" tema=\"primary\" (clicked)=\"onSave()\" [disabled]=\"isDisabledAction()\" class=\"botaoAcaoSave\">\n\t\t@if(showFormControls()){\n\t\t<div class=\"icons\">\n\t\t\t@for (task of tasksToSave(); track $index) {\n\t\t\t<i [class]=\"task.icone\" [class.done]=\"task.done\" [class.success]=\"task.success == true\"\n\t\t\t\t[class.fail]=\"task.success == false\"></i>\n\t\t\t}\n\t\t</div>\n\t\t}\n\t\t<div class=\"f-1\">\n\t\t\t{{ actionTitle() ?? 'Salvar' }}\n\t\t</div>\n\t\t@if(isLoadingActive()){\n\t\t<div class=\"loadingSubmit\">\n\t\t\t<ui-loading></ui-loading>\n\t\t</div>\n\t\t}\n\t</ui-button>\n\t<ng-content></ng-content>\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap);z-index:9}.fieldHidden{display:none}.showOutlineFields fields-g{outline:1px dashed #555;z-index:2}.icons{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center}.icons .done{color:var(--sys-warning)}.icons .done.success{color:var(--sys-success)}.icons .done.fail{color:var(--sys-error)}.containerFases{display:flex;flex-direction:row;width:100%;gap:calc(var(--sys-gap) * 2);margin-top:var(--sys-gap);margin-bottom:var(--sys-gap);overflow:hidden;position:relative;padding:2px;z-index:10}.containerFases.showOutlineFields{outline:1px solid var(--sys-outline)}.areaFase{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;min-width:100%;flex-shrink:0;height:fit-content;transform:translate(calc(var(--fase, 0) * (100% + (var(--sys-gap) * 2)) * -1))}.areaFase.ativo{opacity:1}.areaFase:not(.ativo){opacity:0;height:1px}.botaoAcaoSave{position:relative}.loadingSubmit{position:absolute;right:5px;font-size:32px;display:flex;justify-content:center;align-items:center}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
|
|
6234
6236
|
}], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }], actionTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTitle", required: false }] }], sendValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendValues", required: false }] }], sending: [{ type: i0.Output, args: ["sending"] }], done: [{ type: i0.Output, args: ["done"] }], taskTocar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskTocar", required: false }] }], taskSanitizar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskSanitizar", required: false }] }], taskDisponiveis: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskDisponiveis", required: false }] }], taskValidar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskValidar", required: false }] }], taskEnviar: [{ type: i0.Input, args: [{ isSignal: true, alias: "taskEnviar", required: false }] }] } });
|
|
@@ -6239,10 +6241,10 @@ class FormNoAction extends BaseFieldsValues {
|
|
|
6239
6241
|
return;
|
|
6240
6242
|
}
|
|
6241
6243
|
hasOutline = model(false, ...(ngDevMode ? [{ debugName: "hasOutline" }] : /* istanbul ignore next */ []));
|
|
6242
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6243
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6244
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormNoAction, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6245
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FormNoAction, isStandalone: true, selector: "fields-form-no-action", inputs: { hasOutline: { classPropertyName: "hasOutline", publicName: "hasOutline", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hasOutline: "hasOutlineChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"], dependencies: [{ kind: "component", type: FieldsGeneric, selector: "fields-g" }, { kind: "component", type: FormControls, selector: "ui-form-controls", inputs: ["form", "recebido", "hasOutline", "faseIndex", "totalFases"], outputs: ["hasOutlineChange"] }] });
|
|
6244
6246
|
}
|
|
6245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormNoAction, decorators: [{
|
|
6246
6248
|
type: Component,
|
|
6247
6249
|
args: [{ selector: 'fields-form-no-action', imports: [FieldsGeneric, FormControls], template: "<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\n\n\t@for (campo of form.listaCampos(); track $index) {\n\t<fields-g [form]=\"form\" [name]=\"campo.prop\" [class]=\"campo.tipo == 'hidden' ? 'fieldHidden' : ''\"></fields-g>\n\t}\n\n</div>\n\n@if(showFormControls()){\n<ui-form-controls [form]=\"form\" [recebido]=\"this.values()\" [(hasOutline)]=\"hasOutline\" [faseIndex]=\"faseIndex()\"\n\t[totalFases]=\"listaFase().length\"></ui-form-controls>\n}", styles: [":host{display:block;width:100%}.buttonsGap{display:flex;flex-direction:var(--ui-form-flex-direction, column);gap:var(--sys-gap);margin-top:var(--sys-gap)}.fieldHidden{display:none}.areaValues{outline:1px solid color-mix(in srgb,var(--sys-outline) 50%,transparent 50%);background-color:color-mix(in srgb,var(--sys-card) 80%,var(--sys-background) 20%);border-radius:var(--sys-border-radius);padding:.5rem;gap:var(--sys-gap);margin-top:var(--sys-gap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n", "g-fields{display:grid;grid-template-columns:1fr;gap:var(--sys-gap, 16px)}@media(min-width:768px){.g-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--g-fields-min, auto),var(--g-fields-max, auto)));gap:var(--sys-gap, 16px)}}\n"] }]
|
|
6248
6250
|
}], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }] } });
|
|
@@ -6387,10 +6389,10 @@ class FormatedValues {
|
|
|
6387
6389
|
// }
|
|
6388
6390
|
return value;
|
|
6389
6391
|
}
|
|
6390
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6391
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6392
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormatedValues, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6393
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: FormatedValues, isStandalone: true, selector: "ui-formated-values", inputs: { campos: { classPropertyName: "campos", publicName: "campos", isSignal: true, isRequired: false, transformFunction: null }, dados: { classPropertyName: "dados", publicName: "dados", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, especialKeys: { classPropertyName: "especialKeys", publicName: "especialKeys", isSignal: true, isRequired: false, transformFunction: null }, ignoreKeys: { classPropertyName: "ignoreKeys", publicName: "ignoreKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modo: "modoChange" }, ngImport: i0, template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (field of camposFormatados(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"field.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"field.label\"></div>\n\t\t<!-- @if(field.isInner){ -->\n\t\t<div class=\"conteudo\" [innerHTML]=\"field.value\"></div>\n\t\t<!-- }@else {\n\t\t<build-component [componente]=\"field.value\" [inputs]=\"field.inputs\"></build-component>\n\t\t} -->\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--sys-gap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}@media(max-width:600px){.showEntidade.cantos .linhaDado,.showEntidade.centro .linhaDado,.showEntidade.esquerda .linhaDado,.showEntidade.cantos .linhaDado *,.showEntidade.centro .linhaDado *,.showEntidade.esquerda .linhaDado *{display:flex;flex-direction:column;flex-wrap:wrap;gap:calc(var(--sys-gap) / 4);text-align:start}}\n"] });
|
|
6392
6394
|
}
|
|
6393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6395
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: FormatedValues, decorators: [{
|
|
6394
6396
|
type: Component,
|
|
6395
6397
|
args: [{ selector: 'ui-formated-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (field of camposFormatados(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"field.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"field.label\"></div>\n\t\t<!-- @if(field.isInner){ -->\n\t\t<div class=\"conteudo\" [innerHTML]=\"field.value\"></div>\n\t\t<!-- }@else {\n\t\t<build-component [componente]=\"field.value\" [inputs]=\"field.inputs\"></build-component>\n\t\t} -->\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--sys-gap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}@media(max-width:600px){.showEntidade.cantos .linhaDado,.showEntidade.centro .linhaDado,.showEntidade.esquerda .linhaDado,.showEntidade.cantos .linhaDado *,.showEntidade.centro .linhaDado *,.showEntidade.esquerda .linhaDado *{display:flex;flex-direction:column;flex-wrap:wrap;gap:calc(var(--sys-gap) / 4);text-align:start}}\n"] }]
|
|
6396
6398
|
}], propDecorators: { campos: [{ type: i0.Input, args: [{ isSignal: true, alias: "campos", required: false }] }], dados: [{ type: i0.Input, args: [{ isSignal: true, alias: "dados", required: false }] }], modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }, { type: i0.Output, args: ["modoChange"] }], especialKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "especialKeys", required: false }] }], ignoreKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreKeys", required: false }] }] } });
|
|
@@ -6442,10 +6444,10 @@ class SingleValues {
|
|
|
6442
6444
|
}
|
|
6443
6445
|
return value;
|
|
6444
6446
|
}
|
|
6445
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6446
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6447
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SingleValues, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6448
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: SingleValues, isStandalone: true, selector: "ui-single-values", inputs: { dados: { classPropertyName: "dados", publicName: "dados", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, especialKeys: { classPropertyName: "especialKeys", publicName: "especialKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modo: "modoChange" }, ngImport: i0, template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (dado of dadosAExibir(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"dado.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"dado.label\"></div>\n\t\t<div class=\"conteudo\" [innerHTML]=\"dado.value\"></div>\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--sys-gap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] });
|
|
6447
6449
|
}
|
|
6448
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: SingleValues, decorators: [{
|
|
6449
6451
|
type: Component,
|
|
6450
6452
|
args: [{ selector: 'ui-single-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\n\n\n\t@for (dado of dadosAExibir(); track $index) {\n\t<div class=\"linhaDado\" [class.isEspecial]=\"dado.isEspecial\">\n\t\t<div class=\"titulo\" [innerHTML]=\"dado.label\"></div>\n\t\t<div class=\"conteudo\" [innerHTML]=\"dado.value\"></div>\n\t</div>\n\t}\n\n</div>", styles: [".showEntidade{margin-top:5px}.linhaDado{border:1px solid transparent;border-bottom:1px dotted var(--sys-primary-15)}.titulo{font-weight:600}.linhaDado.isEspecial .titulo{color:var(--sys-secondary)}.conteudo{color:color-mix(in srgb,var(--sys-secondary) 50%,var(--sys-on-background) 50%)}.linhaDado:hover{border-bottom:1px solid var(--sys-secondary)}.showEntidade.cantos .linhaDado{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--sys-gap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--sys-gap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--sys-border-radius);padding:calc(var(--sys-gap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] }]
|
|
6451
6453
|
}], propDecorators: { dados: [{ type: i0.Input, args: [{ isSignal: true, alias: "dados", required: false }] }], modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }, { type: i0.Output, args: ["modoChange"] }], especialKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "especialKeys", required: false }] }] } });
|
|
@@ -6481,10 +6483,10 @@ class GridCellService {
|
|
|
6481
6483
|
updateGridParams(params) {
|
|
6482
6484
|
this.gridParams.set(params);
|
|
6483
6485
|
}
|
|
6484
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6485
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
6486
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6487
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCellService, providedIn: 'root' });
|
|
6486
6488
|
}
|
|
6487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCellService, decorators: [{
|
|
6488
6490
|
type: Injectable,
|
|
6489
6491
|
args: [{ providedIn: 'root' }]
|
|
6490
6492
|
}] });
|
|
@@ -6600,10 +6602,10 @@ class GridCellHandler {
|
|
|
6600
6602
|
value,
|
|
6601
6603
|
};
|
|
6602
6604
|
}
|
|
6603
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6604
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6605
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCellHandler, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6606
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridCellHandler, isStandalone: true, selector: "lib-grid-cell-handler", inputs: { lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, linha: { classPropertyName: "linha", publicName: "linha", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, localColuna: { classPropertyName: "localColuna", publicName: "localColuna", isSignal: true, isRequired: true, transformFunction: null }, localColunas: { classPropertyName: "localColunas", publicName: "localColunas", isSignal: true, isRequired: true, transformFunction: null }, inputSearchText: { classPropertyName: "inputSearchText", publicName: "inputSearchText", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.table-inativo": "!ativo()" } }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["cellComponent"], descendants: true, read: ViewContainerRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if(localColuna().cellComponent){\n<div class=\"d-none\" #cellComponent></div>\n} @else {\n<div [innerHTML]=\"valueToRender\"></div>\n}", styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}:host>div{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6605
6607
|
}
|
|
6606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCellHandler, decorators: [{
|
|
6607
6609
|
type: Component,
|
|
6608
6610
|
args: [{ selector: 'lib-grid-cell-handler', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
6609
6611
|
'[class.table-inativo]': '!ativo()'
|
|
@@ -6622,10 +6624,10 @@ class GridCellActions {
|
|
|
6622
6624
|
}
|
|
6623
6625
|
return;
|
|
6624
6626
|
}
|
|
6625
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6626
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6627
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCellActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6628
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridCellActions, isStandalone: true, selector: "lib-grid-cell-actions", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, dadosDaLinha: { classPropertyName: "dadosDaLinha", publicName: "dadosDaLinha", isSignal: true, isRequired: true, transformFunction: null }, mobileHeader: { classPropertyName: "mobileHeader", publicName: "mobileHeader", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: "@if(!compact()){\n@for (action of dadosDaLinha().actions; track $index;) {\n@if(action.showAction && action.inmenu !== true){\n<ui-button [tipo]=\"mobileHeader() ? 'fill' : 'icon'\" [tema]=\"action?.tema ?? 'primary'\" [title]=\"action.display\"\n\t(click)=\"onClickAction(action, dadosDaLinha())\" [icone]=\"action.icon\"\n\t[style.--ui-height]=\"compact() ? '20px' : '40px'\"></ui-button>\n}\n}\n}\n\n@if(dadosDaLinha().hasActionMenu || compact()){\n<ui-menu>\n\t<ui-button slot=\"botao\" tipo=\"icon\" tema=\"primary\" [title]=\"config().actionsLineConfig.menuDisplay\"\n\t\t[icone]=\"config().actionsLineConfig.showMenuIcon ? 'bi bi-three-dots-vertical' : undefined\">\n\t\t{{ config().actionsLineConfig.menuDisplay }}\n\t</ui-button>\n\n\t@for (action of dadosDaLinha().actions; track $index;let last = $last) {\n\t@if(action.showAction && (action.inmenu !== false || compact())){\n\t<ui-button tipo=\"menu-item\" [tema]=\"action?.tema ?? 'primary'\" (click)=\"onClickAction(action, dadosDaLinha())\"\n\t\t[icone]=\"action?.showIcon ? action?.icon : 'bi bi-dot'\" [style.--ui-padding]=\"'0 16px'\">\n\t\t{{ action?.display ?? '' }}\n\t</ui-button>\n\t}\n\t}\n\n</ui-menu>\n}", styles: [":host{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:auto}.listaAcoesTabela button:not(:first-child){border:0px;border-top:1px solid var(--mk-grid-outline)}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiMenu, selector: "ui-menu", inputs: ["disabled", "icone", "autoCloseInCascade", "posicao", "isOpened"], outputs: ["autoCloseInCascadeChange", "posicaoChange", "isOpenedChange"] }] });
|
|
6627
6629
|
}
|
|
6628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCellActions, decorators: [{
|
|
6629
6631
|
type: Component,
|
|
6630
6632
|
args: [{ selector: 'lib-grid-cell-actions', imports: [UiButton, UiMenu], template: "@if(!compact()){\n@for (action of dadosDaLinha().actions; track $index;) {\n@if(action.showAction && action.inmenu !== true){\n<ui-button [tipo]=\"mobileHeader() ? 'fill' : 'icon'\" [tema]=\"action?.tema ?? 'primary'\" [title]=\"action.display\"\n\t(click)=\"onClickAction(action, dadosDaLinha())\" [icone]=\"action.icon\"\n\t[style.--ui-height]=\"compact() ? '20px' : '40px'\"></ui-button>\n}\n}\n}\n\n@if(dadosDaLinha().hasActionMenu || compact()){\n<ui-menu>\n\t<ui-button slot=\"botao\" tipo=\"icon\" tema=\"primary\" [title]=\"config().actionsLineConfig.menuDisplay\"\n\t\t[icone]=\"config().actionsLineConfig.showMenuIcon ? 'bi bi-three-dots-vertical' : undefined\">\n\t\t{{ config().actionsLineConfig.menuDisplay }}\n\t</ui-button>\n\n\t@for (action of dadosDaLinha().actions; track $index;let last = $last) {\n\t@if(action.showAction && (action.inmenu !== false || compact())){\n\t<ui-button tipo=\"menu-item\" [tema]=\"action?.tema ?? 'primary'\" (click)=\"onClickAction(action, dadosDaLinha())\"\n\t\t[icone]=\"action?.showIcon ? action?.icon : 'bi bi-dot'\" [style.--ui-padding]=\"'0 16px'\">\n\t\t{{ action?.display ?? '' }}\n\t</ui-button>\n\t}\n\t}\n\n</ui-menu>\n}", styles: [":host{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:auto}.listaAcoesTabela button:not(:first-child){border:0px;border-top:1px solid var(--mk-grid-outline)}\n"] }]
|
|
6631
6633
|
}], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], dadosDaLinha: [{ type: i0.Input, args: [{ isSignal: true, alias: "dadosDaLinha", required: true }] }], mobileHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileHeader", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
|
|
@@ -6651,10 +6653,10 @@ class GridRowRenderer {
|
|
|
6651
6653
|
onRowClick() {
|
|
6652
6654
|
this.rowClicked.emit(this.dadosLinha());
|
|
6653
6655
|
}
|
|
6654
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6655
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridRowRenderer, isStandalone: true, selector: "lib-grid-row-renderer", inputs: { dadosLinha: { classPropertyName: "dadosLinha", publicName: "dadosLinha", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, colunas: { classPropertyName: "colunas", publicName: "colunas", isSignal: true, isRequired: true, transformFunction: null }, colunasOrdenadas: { classPropertyName: "colunasOrdenadas", publicName: "colunasOrdenadas", isSignal: true, isRequired: true, transformFunction: null }, lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, inputSearchText: { classPropertyName: "inputSearchText", publicName: "inputSearchText", isSignal: true, isRequired: true, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null }, lastRow: { classPropertyName: "lastRow", publicName: "lastRow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", rowClicked: "rowClicked" }, ngImport: i0, template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-formated table-vertical-line\">{{ dadosLinha().ordem }}</div>\n}\n\n@if(hasSeletor() && config().selectionMode != 'none') {\n<div class=\"table-item table-formated table-item-seletor\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t[class.odd]=\"rowIndex() % 2 !== 0\" [class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[class.table-border-left]=\"hasGrid()\" [style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\"\n\t(click)=\"onRowClick()\">\n\t<ui-check-box [(value)]=\"dadosLinha().selecionado\" [single]=\"config().selectionMode == 'single'\"\n\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\" [disabled]=\"dadosLinha().isSelecionando\"></ui-check-box>\n</div>\n}\n\n@for (coluna of colunas(); track $index; let j = $index) {\n@if (coluna.visivel !== false) {\n<lib-grid-cell-handler class=\"table-item table-dados {{ coluna.classeCell }}\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.table-first-col]=\"j === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [style.overflow]=\"coluna.overflow ?? 'hidden'\"\n\t[style.textOverflow]=\"coluna.textOverflow ?? 'ellipsis'\" [linha]=\"dadosLinha().dados\" [localColuna]=\"coluna\"\n\t[lista]=\"lista()\" [config]=\"config()\" [localColunas]=\"colunasOrdenadas()\"\n\t[class.table-bg-error]=\"dadosLinha().inativo\" (click)=\"onRowClick()\" [inputSearchText]=\"inputSearchText()\"\n\t[class.table-border-left]=\"hasGrid()\" [class.table-border-right]=\"$last && hasGrid() && !config().showActionsLine\"\n\t[attr.ordem]=\"coluna.ordem\"></lib-grid-cell-handler>\n}\n}\n\n@if(config().showActionsLine) {\n<lib-grid-cell-actions class=\"table-item table-formated table-item-action\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [config]=\"config()\" [dadosDaLinha]=\"dadosLinha()\"\n\t[class.table-border-right-error]=\"dadosLinha().inativo\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t(action)=\"onRowAction($event)\" [compact]=\"isCompacted()\" [class.table-border-left]=\"hasGrid()\"\n\t[class.table-border-right]=\"hasGrid()\" [class.last-row]=\"lastRow()\"></lib-grid-cell-actions>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:contents}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: GridCellHandler, selector: "lib-grid-cell-handler", inputs: ["lista", "linha", "config", "localColuna", "localColunas", "inputSearchText"] }, { kind: "component", type: GridCellActions, selector: "lib-grid-cell-actions", inputs: ["config", "dadosDaLinha", "mobileHeader", "compact"], outputs: ["action"] }] });
|
|
6656
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridRowRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6657
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridRowRenderer, isStandalone: true, selector: "lib-grid-row-renderer", inputs: { dadosLinha: { classPropertyName: "dadosLinha", publicName: "dadosLinha", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, colunas: { classPropertyName: "colunas", publicName: "colunas", isSignal: true, isRequired: true, transformFunction: null }, colunasOrdenadas: { classPropertyName: "colunasOrdenadas", publicName: "colunasOrdenadas", isSignal: true, isRequired: true, transformFunction: null }, lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, inputSearchText: { classPropertyName: "inputSearchText", publicName: "inputSearchText", isSignal: true, isRequired: true, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null }, lastRow: { classPropertyName: "lastRow", publicName: "lastRow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", rowClicked: "rowClicked" }, ngImport: i0, template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-formated table-vertical-line\">{{ dadosLinha().ordem }}</div>\n}\n\n@if(hasSeletor() && config().selectionMode != 'none') {\n<div class=\"table-item table-formated table-item-seletor\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t[class.odd]=\"rowIndex() % 2 !== 0\" [class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[class.table-border-left]=\"hasGrid()\" [style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\"\n\t(click)=\"onRowClick()\">\n\t<ui-check-box [(value)]=\"dadosLinha().selecionado\" [single]=\"config().selectionMode == 'single'\"\n\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\" [disabled]=\"dadosLinha().isSelecionando\"></ui-check-box>\n</div>\n}\n\n@for (coluna of colunas(); track $index; let j = $index) {\n@if (coluna.visivel !== false) {\n<lib-grid-cell-handler class=\"table-item table-dados {{ coluna.classeCell }}\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.table-first-col]=\"j === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [style.overflow]=\"coluna.overflow ?? 'hidden'\"\n\t[style.textOverflow]=\"coluna.textOverflow ?? 'ellipsis'\" [linha]=\"dadosLinha().dados\" [localColuna]=\"coluna\"\n\t[lista]=\"lista()\" [config]=\"config()\" [localColunas]=\"colunasOrdenadas()\"\n\t[class.table-bg-error]=\"dadosLinha().inativo\" (click)=\"onRowClick()\" [inputSearchText]=\"inputSearchText()\"\n\t[class.table-border-left]=\"hasGrid()\" [class.table-border-right]=\"$last && hasGrid() && !config().showActionsLine\"\n\t[attr.ordem]=\"coluna.ordem\"></lib-grid-cell-handler>\n}\n}\n\n@if(config().showActionsLine) {\n<lib-grid-cell-actions class=\"table-item table-formated table-item-action\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [config]=\"config()\" [dadosDaLinha]=\"dadosLinha()\"\n\t[class.table-border-right-error]=\"dadosLinha().inativo\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t(action)=\"onRowAction($event)\" [compact]=\"isCompacted()\" [class.table-border-left]=\"hasGrid()\"\n\t[class.table-border-right]=\"hasGrid()\" [class.last-row]=\"lastRow()\"></lib-grid-cell-actions>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:contents}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "component", type: GridCellHandler, selector: "lib-grid-cell-handler", inputs: ["lista", "linha", "config", "localColuna", "localColunas", "inputSearchText"] }, { kind: "component", type: GridCellActions, selector: "lib-grid-cell-actions", inputs: ["config", "dadosDaLinha", "mobileHeader", "compact"], outputs: ["action"] }] });
|
|
6656
6658
|
}
|
|
6657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridRowRenderer, decorators: [{
|
|
6658
6660
|
type: Component,
|
|
6659
6661
|
args: [{ selector: 'lib-grid-row-renderer', imports: [UiCheckBox, GridCellHandler, GridCellActions], template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-formated table-vertical-line\">{{ dadosLinha().ordem }}</div>\n}\n\n@if(hasSeletor() && config().selectionMode != 'none') {\n<div class=\"table-item table-formated table-item-seletor\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t[class.odd]=\"rowIndex() % 2 !== 0\" [class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[class.table-border-left]=\"hasGrid()\" [style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\"\n\t(click)=\"onRowClick()\">\n\t<ui-check-box [(value)]=\"dadosLinha().selecionado\" [single]=\"config().selectionMode == 'single'\"\n\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\" [disabled]=\"dadosLinha().isSelecionando\"></ui-check-box>\n</div>\n}\n\n@for (coluna of colunas(); track $index; let j = $index) {\n@if (coluna.visivel !== false) {\n<lib-grid-cell-handler class=\"table-item table-dados {{ coluna.classeCell }}\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.table-first-col]=\"j === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [style.overflow]=\"coluna.overflow ?? 'hidden'\"\n\t[style.textOverflow]=\"coluna.textOverflow ?? 'ellipsis'\" [linha]=\"dadosLinha().dados\" [localColuna]=\"coluna\"\n\t[lista]=\"lista()\" [config]=\"config()\" [localColunas]=\"colunasOrdenadas()\"\n\t[class.table-bg-error]=\"dadosLinha().inativo\" (click)=\"onRowClick()\" [inputSearchText]=\"inputSearchText()\"\n\t[class.table-border-left]=\"hasGrid()\" [class.table-border-right]=\"$last && hasGrid() && !config().showActionsLine\"\n\t[attr.ordem]=\"coluna.ordem\"></lib-grid-cell-handler>\n}\n}\n\n@if(config().showActionsLine) {\n<lib-grid-cell-actions class=\"table-item table-formated table-item-action\" [class.odd]=\"rowIndex() % 2 !== 0\"\n\t[class.even]=\"rowIndex() % 2 === 0\" [class.hashue]=\"dadosLinha().hue !== undefined\"\n\t[style.--bghue]=\"dadosLinha().hue != 0 ? dadosLinha().hue : null\" [config]=\"config()\" [dadosDaLinha]=\"dadosLinha()\"\n\t[class.table-border-right-error]=\"dadosLinha().inativo\" [class.table-bg-error]=\"dadosLinha().inativo\"\n\t(action)=\"onRowAction($event)\" [compact]=\"isCompacted()\" [class.table-border-left]=\"hasGrid()\"\n\t[class.table-border-right]=\"hasGrid()\" [class.last-row]=\"lastRow()\"></lib-grid-cell-actions>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:contents}\n"] }]
|
|
6660
6662
|
}], propDecorators: { dadosLinha: [{ type: i0.Input, args: [{ isSignal: true, alias: "dadosLinha", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], colunas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunas", required: true }] }], colunasOrdenadas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunasOrdenadas", required: true }] }], lista: [{ type: i0.Input, args: [{ isSignal: true, alias: "lista", required: true }] }], inputSearchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSearchText", required: true }] }], hasSeletor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSeletor", required: false }] }], hasVerticalLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasVerticalLine", required: false }] }], isCompacted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompacted", required: false }] }], hasGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasGrid", required: false }] }], rowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowIndex", required: false }] }], lastRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "lastRow", required: false }] }], actionTriggered: [{ type: i0.Output, args: ["actionTriggered"] }], rowClicked: [{ type: i0.Output, args: ["rowClicked"] }] } });
|
|
@@ -6689,10 +6691,10 @@ class GridHeaderRow {
|
|
|
6689
6691
|
onResizeDoubleClick(event, coluna) {
|
|
6690
6692
|
this.columnResizeDoubleClick.emit({ event, coluna });
|
|
6691
6693
|
}
|
|
6692
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6693
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridHeaderRow, isStandalone: true, selector: "lib-grid-header-row", inputs: { colunas: { classPropertyName: "colunas", publicName: "colunas", isSignal: true, isRequired: true, transformFunction: null }, ordenacoes: { classPropertyName: "ordenacoes", publicName: "ordenacoes", isSignal: true, isRequired: true, transformFunction: null }, todosSelecionados: { classPropertyName: "todosSelecionados", publicName: "todosSelecionados", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, isSelectingAll: { classPropertyName: "isSelectingAll", publicName: "isSelectingAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnSort: "columnSort", selectAll: "selectAll", columnResizeStart: "columnResizeStart", columnResizeDoubleClick: "columnResizeDoubleClick" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-vertical-line\"></div>\n}\n\n@if(hasSeletor()) {\n<div class=\"table-header table-header-seletor\">\n\t@if(config().selectionMode == 'multiple') {\n\t<ui-check-box [single]=\"false\" [value]=\"todosSelecionados()\" (changed)=\"onSelectAll($event)\"\n\t\t[style.--ui-color]=\"'var(--sys-on-primary)'\" [style.--ui-outline]=\"'var(--sys-on-primary)'\"\n\t\t[disabled]=\"isSelectingAll()\" [style.--ui-size]=\"isCompacted() ? '15px' : undefined\"\n\t\t[hasDash]=\"true\"></ui-check-box>\n\t}\n</div>\n}\n\n@for (coluna of colunas(); track $index) {\n@if (coluna.visivel !== false) {\n<div class=\"table-header\" [class.table-border-left-darker]=\"hasGrid() && $index === 0\"\n\t[class.header-last-col]=\"$last && !config().showActionsLine\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[class.sortable]=\"coluna.sortable !== false\" [class.sorted-asc]=\"getOrdenacaoDirecao(coluna.prop) === 'asc'\"\n\t[class.sorted-desc]=\"getOrdenacaoDirecao(coluna.prop) === 'desc'\" [class.textVertical]=\"coluna.textVertical\">\n\t<div cdkDrag [cdkDragData]=\"coluna\" cdkDragLockAxis=\"x\"\n\t\tclass=\"table-header-text table-drag-container drop-option {{ coluna.classeHeader }}\" [title]=\"coluna.titulo\"\n\t\t[innerHTML]=\"coluna.tituloReduzido ?? coluna.titulo\" [attr.ordem]=\"coluna.ordem\"\n\t\t(click)=\"coluna.sortable !== false && onColumnSort(coluna.prop)\">\n\t</div>\n\t<div class=\"table-header-controls\" (dblclick)=\"onResizeDoubleClick($event, coluna)\"\n\t\t(mousedown)=\"onResizeStart($event, coluna)\">\n\t\t@if (coluna.sortable !== false) {\n\t\t<span class=\"table-ico-sort\">\n\t\t\t@if (getOrdenacaoDirecao(coluna.prop) === 'asc') {\n\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t} @else if (getOrdenacaoDirecao(coluna.prop) === 'desc') {\n\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t}\n\t\t</span>\n\t\t}\n\t</div>\n</div>\n}\n}\n\n@if(config().showActionsLine) {\n<div class=\"table-header table-action-line header-last-col\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[innerHTML]=\"!isCompacted() ? config().actionsLineConfig.headerDisplayMore : ''\"></div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:contents}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6694
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridHeaderRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6695
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridHeaderRow, isStandalone: true, selector: "lib-grid-header-row", inputs: { colunas: { classPropertyName: "colunas", publicName: "colunas", isSignal: true, isRequired: true, transformFunction: null }, ordenacoes: { classPropertyName: "ordenacoes", publicName: "ordenacoes", isSignal: true, isRequired: true, transformFunction: null }, todosSelecionados: { classPropertyName: "todosSelecionados", publicName: "todosSelecionados", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, isSelectingAll: { classPropertyName: "isSelectingAll", publicName: "isSelectingAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnSort: "columnSort", selectAll: "selectAll", columnResizeStart: "columnResizeStart", columnResizeDoubleClick: "columnResizeDoubleClick" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-vertical-line\"></div>\n}\n\n@if(hasSeletor()) {\n<div class=\"table-header table-header-seletor\">\n\t@if(config().selectionMode == 'multiple') {\n\t<ui-check-box [single]=\"false\" [value]=\"todosSelecionados()\" (changed)=\"onSelectAll($event)\"\n\t\t[style.--ui-color]=\"'var(--sys-on-primary)'\" [style.--ui-outline]=\"'var(--sys-on-primary)'\"\n\t\t[disabled]=\"isSelectingAll()\" [style.--ui-size]=\"isCompacted() ? '15px' : undefined\"\n\t\t[hasDash]=\"true\"></ui-check-box>\n\t}\n</div>\n}\n\n@for (coluna of colunas(); track $index) {\n@if (coluna.visivel !== false) {\n<div class=\"table-header\" [class.table-border-left-darker]=\"hasGrid() && $index === 0\"\n\t[class.header-last-col]=\"$last && !config().showActionsLine\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[class.sortable]=\"coluna.sortable !== false\" [class.sorted-asc]=\"getOrdenacaoDirecao(coluna.prop) === 'asc'\"\n\t[class.sorted-desc]=\"getOrdenacaoDirecao(coluna.prop) === 'desc'\" [class.textVertical]=\"coluna.textVertical\">\n\t<div cdkDrag [cdkDragData]=\"coluna\" cdkDragLockAxis=\"x\"\n\t\tclass=\"table-header-text table-drag-container drop-option {{ coluna.classeHeader }}\" [title]=\"coluna.titulo\"\n\t\t[innerHTML]=\"coluna.tituloReduzido ?? coluna.titulo\" [attr.ordem]=\"coluna.ordem\"\n\t\t(click)=\"coluna.sortable !== false && onColumnSort(coluna.prop)\">\n\t</div>\n\t<div class=\"table-header-controls\" (dblclick)=\"onResizeDoubleClick($event, coluna)\"\n\t\t(mousedown)=\"onResizeStart($event, coluna)\">\n\t\t@if (coluna.sortable !== false) {\n\t\t<span class=\"table-ico-sort\">\n\t\t\t@if (getOrdenacaoDirecao(coluna.prop) === 'asc') {\n\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t} @else if (getOrdenacaoDirecao(coluna.prop) === 'desc') {\n\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t}\n\t\t</span>\n\t\t}\n\t</div>\n</div>\n}\n}\n\n@if(config().showActionsLine) {\n<div class=\"table-header table-action-line header-last-col\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[innerHTML]=\"!isCompacted() ? config().actionsLineConfig.headerDisplayMore : ''\"></div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:contents}\n"], dependencies: [{ kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6694
6696
|
}
|
|
6695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridHeaderRow, decorators: [{
|
|
6696
6698
|
type: Component,
|
|
6697
6699
|
args: [{ selector: 'lib-grid-header-row', changeDetection: ChangeDetectionStrategy.OnPush, host: { style: 'display: contents' }, imports: [UiCheckBox, DragDropModule], template: "@if(hasVerticalLine()) {\n<div class=\"table-header table-vertical-line\"></div>\n}\n\n@if(hasSeletor()) {\n<div class=\"table-header table-header-seletor\">\n\t@if(config().selectionMode == 'multiple') {\n\t<ui-check-box [single]=\"false\" [value]=\"todosSelecionados()\" (changed)=\"onSelectAll($event)\"\n\t\t[style.--ui-color]=\"'var(--sys-on-primary)'\" [style.--ui-outline]=\"'var(--sys-on-primary)'\"\n\t\t[disabled]=\"isSelectingAll()\" [style.--ui-size]=\"isCompacted() ? '15px' : undefined\"\n\t\t[hasDash]=\"true\"></ui-check-box>\n\t}\n</div>\n}\n\n@for (coluna of colunas(); track $index) {\n@if (coluna.visivel !== false) {\n<div class=\"table-header\" [class.table-border-left-darker]=\"hasGrid() && $index === 0\"\n\t[class.header-last-col]=\"$last && !config().showActionsLine\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[class.sortable]=\"coluna.sortable !== false\" [class.sorted-asc]=\"getOrdenacaoDirecao(coluna.prop) === 'asc'\"\n\t[class.sorted-desc]=\"getOrdenacaoDirecao(coluna.prop) === 'desc'\" [class.textVertical]=\"coluna.textVertical\">\n\t<div cdkDrag [cdkDragData]=\"coluna\" cdkDragLockAxis=\"x\"\n\t\tclass=\"table-header-text table-drag-container drop-option {{ coluna.classeHeader }}\" [title]=\"coluna.titulo\"\n\t\t[innerHTML]=\"coluna.tituloReduzido ?? coluna.titulo\" [attr.ordem]=\"coluna.ordem\"\n\t\t(click)=\"coluna.sortable !== false && onColumnSort(coluna.prop)\">\n\t</div>\n\t<div class=\"table-header-controls\" (dblclick)=\"onResizeDoubleClick($event, coluna)\"\n\t\t(mousedown)=\"onResizeStart($event, coluna)\">\n\t\t@if (coluna.sortable !== false) {\n\t\t<span class=\"table-ico-sort\">\n\t\t\t@if (getOrdenacaoDirecao(coluna.prop) === 'asc') {\n\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t} @else if (getOrdenacaoDirecao(coluna.prop) === 'desc') {\n\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t}\n\t\t</span>\n\t\t}\n\t</div>\n</div>\n}\n}\n\n@if(config().showActionsLine) {\n<div class=\"table-header table-action-line header-last-col\" [class.table-border-right-darker]=\"hasGrid()\"\n\t[innerHTML]=\"!isCompacted() ? config().actionsLineConfig.headerDisplayMore : ''\"></div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:contents}\n"] }]
|
|
6698
6700
|
}], propDecorators: { colunas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunas", required: true }] }], ordenacoes: [{ type: i0.Input, args: [{ isSignal: true, alias: "ordenacoes", required: true }] }], todosSelecionados: [{ type: i0.Input, args: [{ isSignal: true, alias: "todosSelecionados", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], hasSeletor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSeletor", required: false }] }], hasVerticalLine: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasVerticalLine", required: false }] }], hasGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasGrid", required: false }] }], isCompacted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCompacted", required: false }] }], isSelectingAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelectingAll", required: false }] }], columnSort: [{ type: i0.Output, args: ["columnSort"] }], selectAll: [{ type: i0.Output, args: ["selectAll"] }], columnResizeStart: [{ type: i0.Output, args: ["columnResizeStart"] }], columnResizeDoubleClick: [{ type: i0.Output, args: ["columnResizeDoubleClick"] }] } });
|
|
@@ -6714,10 +6716,10 @@ class GridPagination {
|
|
|
6714
6716
|
this.pageChange.emit(atual + 1);
|
|
6715
6717
|
}
|
|
6716
6718
|
}
|
|
6717
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6718
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6719
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6720
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridPagination, isStandalone: true, selector: "lib-grid-pagination", inputs: { paginacao: { classPropertyName: "paginacao", publicName: "paginacao", isSignal: true, isRequired: true, transformFunction: null }, totalPaginas: { classPropertyName: "totalPaginas", publicName: "totalPaginas", isSignal: true, isRequired: true, transformFunction: null }, performance: { classPropertyName: "performance", publicName: "performance", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\t<div class=\"pagination-info\">\n\t\t<span>Total {{ paginacao().totalItens }} registros</span>\n\t\t@if(performance()){\n\t\t<span class=\"table-performance\">\n\t\t\t{{ performance() }}.\n\t\t</span>\n\t\t}\n\t</div>\n\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ticone=\"bi bi-chevron-left\">\n\t\t\tAnterior\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onNextPage()\"\n\t\t\t[disabled]=\"paginacao().paginaAtual >= totalPaginas()\" icone=\"bi bi-chevron-right\" [iconeAntes]=\"false\"\n\t\t\t[iconeDepois]=\"true\">\n\t\t\tPr\u00F3ximo\n\t\t</ui-button>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-outline, #ccc)}.pagination-info{font-size:.875rem;color:var(--mk-grid-on-background, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{padding:.5rem 1rem;border-radius:4px;min-width:50px;text-align:center;font-size:12px}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6719
6721
|
}
|
|
6720
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6722
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridPagination, decorators: [{
|
|
6721
6723
|
type: Component,
|
|
6722
6724
|
args: [{ selector: 'lib-grid-pagination', imports: [UiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(paginacao()) {\n<div class=\"table-pagination\">\n\t<div class=\"pagination-info\">\n\t\t<span>Total {{ paginacao().totalItens }} registros</span>\n\t\t@if(performance()){\n\t\t<span class=\"table-performance\">\n\t\t\t{{ performance() }}.\n\t\t</span>\n\t\t}\n\t</div>\n\n\t<div class=\"pagination-controls\">\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onPreviousPage()\" [disabled]=\"paginacao().paginaAtual === 1\"\n\t\t\ticone=\"bi bi-chevron-left\">\n\t\t\tAnterior\n\t\t</ui-button>\n\n\t\t<span class=\"pagination-current\">{{ paginacao().paginaAtual }} de {{ totalPaginas() }}</span>\n\n\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onNextPage()\"\n\t\t\t[disabled]=\"paginacao().paginaAtual >= totalPaginas()\" icone=\"bi bi-chevron-right\" [iconeAntes]=\"false\"\n\t\t\t[iconeDepois]=\"true\">\n\t\t\tPr\u00F3ximo\n\t\t</ui-button>\n\t</div>\n</div>\n}", styles: [".table-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--mk-grid-outline, #ccc)}.pagination-info{font-size:.875rem;color:var(--mk-grid-on-background, #666)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-current{padding:.5rem 1rem;border-radius:4px;min-width:50px;text-align:center;font-size:12px}.items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem}\n"] }]
|
|
6723
6725
|
}], propDecorators: { paginacao: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginacao", required: true }] }], totalPaginas: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPaginas", required: true }] }], performance: [{ type: i0.Input, args: [{ isSignal: true, alias: "performance", required: true }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }] } });
|
|
@@ -6765,19 +6767,19 @@ class GridFilterBar {
|
|
|
6765
6767
|
onExpandirGroups() {
|
|
6766
6768
|
this.expandGroups.emit();
|
|
6767
6769
|
}
|
|
6768
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6769
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: GridFilterBar, isStandalone: true, selector: "lib-grid-filter-bar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, colunasDefinidas: { classPropertyName: "colunasDefinidas", publicName: "colunasDefinidas", isSignal: true, isRequired: true, transformFunction: null }, colAgrupadoAtual: { classPropertyName: "colAgrupadoAtual", publicName: "colAgrupadoAtual", isSignal: true, isRequired: true, transformFunction: null }, isAgrupado: { classPropertyName: "isAgrupado", publicName: "isAgrupado", isSignal: true, isRequired: true, transformFunction: null }, filterCollapsed: { classPropertyName: "filterCollapsed", publicName: "filterCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchInput: "searchInput", actionTriggered: "actionTriggered", filterToggle: "filterToggle", groupByColumn: "groupByColumn", clearGroups: "clearGroups", collapseGroups: "collapseGroups", expandGroups: "expandGroups" }, ngImport: i0, template: "@if(config().showControlBar) {\n<div class=\"table-topo-container table-styles\">\n\n\t@if(config().showActionsTop) {\n\t<div class=\"table-actions-outside\">\n\t\t@for (action of outsideMenuActionsTop(); track $index;) {\n\t\t<ui-button tipo=\"fill\" tema=\"primary\" [title]=\"action.display\" (click)=\"onClickAction(action)\"\n\t\t\t[icone]=\"action.icon\">\n\t\t\t{{ action?.display ?? '' }}\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t}\n\n\t<div class=\"table-top-right-container table-conjunto-actions\">\n\t\t@if(config().showSearch) {\n\t\t<div class=\"table-conjunto-actions-item table-pesquisar\">\n\t\t\t<ui-procurar (inputed)=\"onInputSearch($event)\" [autoColapse]=\"true\"></ui-procurar>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showFilterBar) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onClickOpenCloseFilterZone()\" icone=\"bi bi-funnel\"\n\t\t\t\t[style.--ui-border-radius]=\"'0px'\">\n\t\t\t\t<span class=\"table-collapse-ico\" [class.ativo]=\"!filterCollapsed()\"><i class=\"bi bi-caret-down\"></i></span>\n\t\t\t</ui-button>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showGridMenu != false) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t<ui-button slot=\"botao\" tipo=\"nofill\" tema=\"primary\" class=\"filtro-menu\"\n\t\t\t\t\t[title]=\"config().actionsTopConfig.menuDisplay\" [style.--ui-border-radius]=\"'0px'\"\n\t\t\t\t\t[icone]=\"config().actionsTopConfig.showMenuIcon ? config().actionsTopConfig.menuIcon : undefined\">\n\t\t\t\t\t{{ config().actionsTopConfig.menuDisplay }}\n\t\t\t\t</ui-button>\n\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\tOp\u00E7\u00F5es da Listagem\n\t\t\t\t</div>\n\n\t\t\t\t@for (action of menuActionsTop(); track $index;) {\n\t\t\t\t@if(action.actions != null) {\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" [title]=\"action.display\"\n\t\t\t\t\t\t[style.--ui-border-radius]=\"'0px'\" [icone]=\"action.icon\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</div>\n\t\t\t\t\t@for(subAction of action.actions; track $index) {\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(subAction)\"\n\t\t\t\t\t\t[icone]=\"subAction?.showIcon ? (subAction?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t\t{{ subAction?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t}\n\t\t\t\t</ui-menu>\n\t\t\t\t} @else {\n\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(action)\"\n\t\t\t\t\t[icone]=\"action?.showIcon ? (action?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t</ui-button>\n\t\t\t\t}\n\t\t\t\t}@empty {\n\t\t\t\t<div class=\"p-2 text-center text-muted\">\n\t\t\t\t\tNenhuma a\u00E7\u00E3o dispon\u00EDvel.\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" icone=\"fa fa-object-group\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\">\n\t\t\t\t\t\t\tAgrupar Por\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<div class=\"menu-sub-title\">\n\t\t\t\t\t\t\tAgrupar por\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t@for (coluna of colunasDefinidas(); track $index) {\n\t\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onAgruparPor(coluna)\"\n\t\t\t\t\t\t\t[icone]=\"isAgrupado() && colAgrupadoAtual()?.prop === coluna.prop ? 'bi bi-check2-square' : 'bi bi-square'\">\n\t\t\t\t\t\t\t{{ coluna.titulo }}\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</ui-menu>\n\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\"\n\t\t\t\t\t\t[disabled]=\"!isAgrupado()\">\n\t\t\t\t\t\tDesagrupar\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\t\t\t\t\tRecolher Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\t\t\t\t\tExpandir Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t</ui-menu>\n\t\t\t</ui-menu>\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:block}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiMenu, selector: "ui-menu", inputs: ["disabled", "icone", "autoCloseInCascade", "posicao", "isOpened"], outputs: ["autoCloseInCascadeChange", "posicaoChange", "isOpenedChange"] }, { kind: "component", type: UiProcurar, selector: "ui-procurar", inputs: ["value", "colapsed", "autoColapse", "name", "placeholder", "disabled"], outputs: ["inputed", "changed", "valueChange", "colapsedChange", "autoColapseChange"] }] });
|
|
6770
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridFilterBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6771
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GridFilterBar, isStandalone: true, selector: "lib-grid-filter-bar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, colunasDefinidas: { classPropertyName: "colunasDefinidas", publicName: "colunasDefinidas", isSignal: true, isRequired: true, transformFunction: null }, colAgrupadoAtual: { classPropertyName: "colAgrupadoAtual", publicName: "colAgrupadoAtual", isSignal: true, isRequired: true, transformFunction: null }, isAgrupado: { classPropertyName: "isAgrupado", publicName: "isAgrupado", isSignal: true, isRequired: true, transformFunction: null }, filterCollapsed: { classPropertyName: "filterCollapsed", publicName: "filterCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchInput: "searchInput", actionTriggered: "actionTriggered", filterToggle: "filterToggle", groupByColumn: "groupByColumn", clearGroups: "clearGroups", collapseGroups: "collapseGroups", expandGroups: "expandGroups" }, ngImport: i0, template: "@if(config().showControlBar) {\n<div class=\"table-topo-container table-styles\">\n\n\t@if(config().showActionsTop) {\n\t<div class=\"table-actions-outside\">\n\t\t@for (action of outsideMenuActionsTop(); track $index;) {\n\t\t<ui-button tipo=\"fill\" tema=\"primary\" [title]=\"action.display\" (click)=\"onClickAction(action)\"\n\t\t\t[icone]=\"action.icon\">\n\t\t\t{{ action?.display ?? '' }}\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t}\n\n\t<div class=\"table-top-right-container table-conjunto-actions\">\n\t\t@if(config().showSearch) {\n\t\t<div class=\"table-conjunto-actions-item table-pesquisar\">\n\t\t\t<ui-procurar (inputed)=\"onInputSearch($event)\" [autoColapse]=\"true\"></ui-procurar>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showFilterBar) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onClickOpenCloseFilterZone()\" icone=\"bi bi-funnel\"\n\t\t\t\t[style.--ui-border-radius]=\"'0px'\">\n\t\t\t\t<span class=\"table-collapse-ico\" [class.ativo]=\"!filterCollapsed()\"><i class=\"bi bi-caret-down\"></i></span>\n\t\t\t</ui-button>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showGridMenu != false) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t<ui-button slot=\"botao\" tipo=\"nofill\" tema=\"primary\" class=\"filtro-menu\"\n\t\t\t\t\t[title]=\"config().actionsTopConfig.menuDisplay\" [style.--ui-border-radius]=\"'0px'\"\n\t\t\t\t\t[icone]=\"config().actionsTopConfig.showMenuIcon ? config().actionsTopConfig.menuIcon : undefined\">\n\t\t\t\t\t{{ config().actionsTopConfig.menuDisplay }}\n\t\t\t\t</ui-button>\n\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\tOp\u00E7\u00F5es da Listagem\n\t\t\t\t</div>\n\n\t\t\t\t@for (action of menuActionsTop(); track $index;) {\n\t\t\t\t@if(action.actions != null) {\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" [title]=\"action.display\"\n\t\t\t\t\t\t[style.--ui-border-radius]=\"'0px'\" [icone]=\"action.icon\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</div>\n\t\t\t\t\t@for(subAction of action.actions; track $index) {\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(subAction)\"\n\t\t\t\t\t\t[icone]=\"subAction?.showIcon ? (subAction?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t\t{{ subAction?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t}\n\t\t\t\t</ui-menu>\n\t\t\t\t} @else {\n\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(action)\"\n\t\t\t\t\t[icone]=\"action?.showIcon ? (action?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t</ui-button>\n\t\t\t\t}\n\t\t\t\t}@empty {\n\t\t\t\t<div class=\"p-2 text-center text-muted\">\n\t\t\t\t\tNenhuma a\u00E7\u00E3o dispon\u00EDvel.\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" icone=\"fa fa-object-group\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\">\n\t\t\t\t\t\t\tAgrupar Por\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<div class=\"menu-sub-title\">\n\t\t\t\t\t\t\tAgrupar por\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t@for (coluna of colunasDefinidas(); track $index) {\n\t\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onAgruparPor(coluna)\"\n\t\t\t\t\t\t\t[icone]=\"isAgrupado() && colAgrupadoAtual()?.prop === coluna.prop ? 'bi bi-check2-square' : 'bi bi-square'\">\n\t\t\t\t\t\t\t{{ coluna.titulo }}\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</ui-menu>\n\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\"\n\t\t\t\t\t\t[disabled]=\"!isAgrupado()\">\n\t\t\t\t\t\tDesagrupar\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\t\t\t\t\tRecolher Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\t\t\t\t\tExpandir Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t</ui-menu>\n\t\t\t</ui-menu>\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:block}\n"], dependencies: [{ kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiMenu, selector: "ui-menu", inputs: ["disabled", "icone", "autoCloseInCascade", "posicao", "isOpened"], outputs: ["autoCloseInCascadeChange", "posicaoChange", "isOpenedChange"] }, { kind: "component", type: UiProcurar, selector: "ui-procurar", inputs: ["value", "colapsed", "autoColapse", "name", "placeholder", "disabled"], outputs: ["inputed", "changed", "valueChange", "colapsedChange", "autoColapseChange"] }] });
|
|
6770
6772
|
}
|
|
6771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridFilterBar, decorators: [{
|
|
6772
6774
|
type: Component,
|
|
6773
6775
|
args: [{ selector: 'lib-grid-filter-bar', imports: [UiButton, UiMenu, UiProcurar], template: "@if(config().showControlBar) {\n<div class=\"table-topo-container table-styles\">\n\n\t@if(config().showActionsTop) {\n\t<div class=\"table-actions-outside\">\n\t\t@for (action of outsideMenuActionsTop(); track $index;) {\n\t\t<ui-button tipo=\"fill\" tema=\"primary\" [title]=\"action.display\" (click)=\"onClickAction(action)\"\n\t\t\t[icone]=\"action.icon\">\n\t\t\t{{ action?.display ?? '' }}\n\t\t</ui-button>\n\t\t}\n\t</div>\n\t}\n\n\t<div class=\"table-top-right-container table-conjunto-actions\">\n\t\t@if(config().showSearch) {\n\t\t<div class=\"table-conjunto-actions-item table-pesquisar\">\n\t\t\t<ui-procurar (inputed)=\"onInputSearch($event)\" [autoColapse]=\"true\"></ui-procurar>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showFilterBar) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onClickOpenCloseFilterZone()\" icone=\"bi bi-funnel\"\n\t\t\t\t[style.--ui-border-radius]=\"'0px'\">\n\t\t\t\t<span class=\"table-collapse-ico\" [class.ativo]=\"!filterCollapsed()\"><i class=\"bi bi-caret-down\"></i></span>\n\t\t\t</ui-button>\n\t\t</div>\n\t\t}\n\n\t\t@if(config().showGridMenu != false) {\n\t\t<div class=\"table-conjunto-actions-item\">\n\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t<ui-button slot=\"botao\" tipo=\"nofill\" tema=\"primary\" class=\"filtro-menu\"\n\t\t\t\t\t[title]=\"config().actionsTopConfig.menuDisplay\" [style.--ui-border-radius]=\"'0px'\"\n\t\t\t\t\t[icone]=\"config().actionsTopConfig.showMenuIcon ? config().actionsTopConfig.menuIcon : undefined\">\n\t\t\t\t\t{{ config().actionsTopConfig.menuDisplay }}\n\t\t\t\t</ui-button>\n\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\tOp\u00E7\u00F5es da Listagem\n\t\t\t\t</div>\n\n\t\t\t\t@for (action of menuActionsTop(); track $index;) {\n\t\t\t\t@if(action.actions != null) {\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" [title]=\"action.display\"\n\t\t\t\t\t\t[style.--ui-border-radius]=\"'0px'\" [icone]=\"action.icon\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t\t</div>\n\t\t\t\t\t@for(subAction of action.actions; track $index) {\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(subAction)\"\n\t\t\t\t\t\t[icone]=\"subAction?.showIcon ? (subAction?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t\t{{ subAction?.display ?? '' }}\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t}\n\t\t\t\t</ui-menu>\n\t\t\t\t} @else {\n\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClickAction(action)\"\n\t\t\t\t\t[icone]=\"action?.showIcon ? (action?.icon ?? 'bi bi-dot') : undefined\">\n\t\t\t\t\t{{ action?.display ?? '' }}\n\t\t\t\t</ui-button>\n\t\t\t\t}\n\t\t\t\t}@empty {\n\t\t\t\t<div class=\"p-2 text-center text-muted\">\n\t\t\t\t\tNenhuma a\u00E7\u00E3o dispon\u00EDvel.\n\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\" icone=\"fa fa-object-group\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<div class=\"menu-title\">\n\t\t\t\t\t\tAgrupamento\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<ui-menu [autoCloseInCascade]=\"false\">\n\t\t\t\t\t\t<ui-button slot=\"botao\" tipo=\"menu-item-category\" tema=\"primary\">\n\t\t\t\t\t\t\tAgrupar Por\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t<div class=\"menu-sub-title\">\n\t\t\t\t\t\t\tAgrupar por\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t@for (coluna of colunasDefinidas(); track $index) {\n\t\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onAgruparPor(coluna)\"\n\t\t\t\t\t\t\t[icone]=\"isAgrupado() && colAgrupadoAtual()?.prop === coluna.prop ? 'bi bi-check2-square' : 'bi bi-square'\">\n\t\t\t\t\t\t\t{{ coluna.titulo }}\n\t\t\t\t\t\t</ui-button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</ui-menu>\n\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\"\n\t\t\t\t\t\t[disabled]=\"!isAgrupado()\">\n\t\t\t\t\t\tDesagrupar\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\t\t\t\t\tRecolher Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t\t<ui-button tipo=\"menu-item\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\t\t\t\t\tExpandir Todos\n\t\t\t\t\t</ui-button>\n\t\t\t\t</ui-menu>\n\t\t\t</ui-menu>\n\t\t</div>\n\t\t}\n\t</div>\n\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n", ":host{display:block}\n"] }]
|
|
6774
6776
|
}], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], colunasDefinidas: [{ type: i0.Input, args: [{ isSignal: true, alias: "colunasDefinidas", required: true }] }], colAgrupadoAtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "colAgrupadoAtual", required: true }] }], isAgrupado: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAgrupado", required: true }] }], filterCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterCollapsed", required: false }] }], searchInput: [{ type: i0.Output, args: ["searchInput"] }], actionTriggered: [{ type: i0.Output, args: ["actionTriggered"] }], filterToggle: [{ type: i0.Output, args: ["filterToggle"] }], groupByColumn: [{ type: i0.Output, args: ["groupByColumn"] }], clearGroups: [{ type: i0.Output, args: ["clearGroups"] }], collapseGroups: [{ type: i0.Output, args: ["collapseGroups"] }], expandGroups: [{ type: i0.Output, args: ["expandGroups"] }] } });
|
|
6775
6777
|
|
|
6776
6778
|
class GridEmptyList {
|
|
6777
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6778
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
6779
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridEmptyList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6780
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GridEmptyList, isStandalone: true, selector: "lib-grid-empty-list", ngImport: i0, template: "<div class=\"microPos5 p-2\">\n\t<div class=\"flex gap-2 f-s-16 text-center nenhumRegistro\">\n\t\t<i class=\"bi bi-database-fill-check\"></i>\n\t\tNenhum registro no filtro aplicado.\n\t</div>\n</div>", styles: [".nenhumRegistro{border-radius:10px;outline:1px solid var(--mk-grid-primary-15);box-shadow:1px 1px 5px var(--mk-grid-secondary),inset -1px -1px 5px var(--mk-grid-primary-15);padding:.4rem .75rem}\n"] });
|
|
6779
6781
|
}
|
|
6780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6782
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridEmptyList, decorators: [{
|
|
6781
6783
|
type: Component,
|
|
6782
6784
|
args: [{ selector: 'lib-grid-empty-list', imports: [], template: "<div class=\"microPos5 p-2\">\n\t<div class=\"flex gap-2 f-s-16 text-center nenhumRegistro\">\n\t\t<i class=\"bi bi-database-fill-check\"></i>\n\t\tNenhum registro no filtro aplicado.\n\t</div>\n</div>", styles: [".nenhumRegistro{border-radius:10px;outline:1px solid var(--mk-grid-primary-15);box-shadow:1px 1px 5px var(--mk-grid-secondary),inset -1px -1px 5px var(--mk-grid-primary-15);padding:.4rem .75rem}\n"] }]
|
|
6783
6785
|
}] });
|
|
@@ -7466,10 +7468,10 @@ class MkGrid {
|
|
|
7466
7468
|
});
|
|
7467
7469
|
this.calcularColunasExibir();
|
|
7468
7470
|
}
|
|
7469
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7470
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MkGrid, isStandalone: true, selector: "lib-mk-grid", inputs: { lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, filtro: { classPropertyName: "filtro", publicName: "filtro", isSignal: true, isRequired: false, transformFunction: null }, minLineHeight: { classPropertyName: "minLineHeight", publicName: "minLineHeight", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { minLineHeight: "minLineHeightChange", isCompacted: "isCompactedChange", hasGrid: "hasGridChange", hasVerticalLine: "hasVerticalLineChange", hasSeletor: "hasSeletorChange" }, viewQueries: [{ propertyName: "gridSize", first: true, predicate: ["gridSize"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "gridfiltro", first: true, predicate: ["gridfiltro"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "filterContainer", first: true, predicate: ["filterContainer"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<lib-grid-filter-bar [config]=\"config()\" [colunasDefinidas]=\"$any(colunasDefinidas())\"\n\t[colAgrupadoAtual]=\"colAgrupadoAtual()\" [isAgrupado]=\"isAgrupado()\" [filterCollapsed]=\"filtroCollapsed()\"\n\t(searchInput)=\"onInputSearch($event)\" (filterToggle)=\"onClickOpenCloseFilterZone()\"\n\t(actionTriggered)=\"onClickAction($event)\" (groupByColumn)=\"onAgruparPor($any($event))\" (clearGroups)=\"onClearGroups()\"\n\t(collapseGroups)=\"onRecolherGroups()\" (expandGroups)=\"onExpandirGroups()\">\n</lib-grid-filter-bar>\n\n@if(config().showFilterBar) {\n<div class=\"table-filter-container table-styles\" [style.--filter-height.px]=\"filterHeight()\">\n\t<div #filterContainer class=\"table-filter-content\" [class.table-filter-hide]=\"filtroCollapsed()\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n}\n\n@if(config().screen() == \"Mobile\"){\n<!-- MOBILE INICIO -->\n\n@for (dadosLinha of listaExibir(); track $index;let i = $index) {\n@if( dadosLinha.isColapsed !== true){\n\n@if(dadosLinha.isFullLine?.visible){\n<!-- MOBILE GRUPO LINHA PR\u00D3PRIA -->\n<div class=\"table-row-mobile table-formated table-group table-styles\" (click)=\"onClickGroup(dadosLinha)\">\n\t<div>{{ dadosLinha.groupName }}</div>\n\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t<div class=\"table-group-items-ico\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t</div>\n</div>\n} @else {\n\n<div class=\"table-overflow mobile\" [style.--table-min-height]=\"isCompacted() ? '20px' : minLineHeight()\">\n\t<div class=\"table-table-mobile\" [class.selected]=\"dadosLinha.selecionado\">\n\n\t\t<!-- MOBILE DADOS -->\n\t\t@if(config().showActionsLine){\n\t\t<div class=\"table-header-mobile\" [style.gridArea]=\"'auto / auto / auto / span 2'\">\n\t\t\t@if(hasVerticalLine()){\n\t\t\t<!-- MOBILE VERTICAL DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-vertical-line\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t{{ dadosLinha.ordem }}\n\t\t\t</div>\n\t\t\t}\n\t\t\t@if(hasSeletor()){\n\t\t\t<!-- MOBILE SELECTOR DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-item-seletor\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t<ui-check-box [(value)]=\"dadosLinha.selecionado\" [style.--ui-color]=\"'var(--sys-on-primary)'\"\n\t\t\t\t\t[style.--ui-outline]=\"'var(--sys-on-primary)'\" [single]=\"this.config().selectionMode == 'single'\"\n\t\t\t\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\"></ui-check-box>\n\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"table-header-mobile-space\" (click)=\"onClickRow(dadosLinha)\"></div>\n\t\t\t<lib-grid-cell-actions [config]=\"config()\" [dadosDaLinha]=\"dadosLinha\" [mobileHeader]=\"true\"\n\t\t\t\t(action)=\"onClickCellAction($event)\" [compact]=\"isCompacted()\"></lib-grid-cell-actions>\n\t\t</div>\n\t\t}\n\n\t\t<!-- MOBILE LINHA -->\n\t\t@for (localColuna of colunasOrdenadas(); track $index;) {\n\t\t<div class=\"table-header-mobile\" [class.sortable]=\"localColuna.sortable !== false\"\n\t\t\t[class.sorted-asc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'asc'\"\n\t\t\t[class.sorted-desc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'desc'\"\n\t\t\t(click)=\"localColuna.sortable !== false && alternarOrdenacao(localColuna.prop)\" [style]=\"localColuna.styleHeader\">\n\t\t\t<div class=\"table-header-mobile-text\" [title]=\"localColuna.titulo\"\n\t\t\t\t[innerHTML]=\"localColuna.tituloReduzido ?? localColuna.titulo\">\n\t\t\t</div>\n\t\t\t<div class=\"table-header-controls\">\n\t\t\t\t@if (localColuna.sortable !== false) {\n\t\t\t\t<span class=\"table-ico-sort\">\n\t\t\t\t\t@if (obterDirecaoOrdenacao(localColuna.prop) === 'asc') {\n\t\t\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t\t\t} @else if (obterDirecaoOrdenacao(localColuna.prop) === 'desc') {\n\t\t\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t<lib-grid-cell-handler class=\"table-item-mobile table-formated\" [class.odd]=\"i % 2 !== 0\" [class.even]=\"i % 2 === 0\"\n\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"localColuna\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t[localColunas]=\"colunasOrdenadas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t}\n\t</div>\n</div>\n}\n}\n} @empty {\n<!-- LINHA DE SEM DADOS -->\n<div class=\"table-styles\"><lib-grid-empty-list></lib-grid-empty-list></div>\n}\n<!-- MOBILE FIM -->\n\n\n} @else {\n<!-- DESKTOP INICIO -->\n<div #gridSize class=\"table-overflow\" [class.compacted]=\"isCompacted()\"\n\t[style.--table-min-height]=\"isCompacted() ? '40px' : minLineHeight()\">\n\t<div class=\"table-table\" [class.table-has-vertical-line]=\"hasVerticalLine()\" [class.table-has-seletor]=\"hasSeletor()\"\n\t\tcdkDropList (cdkDropListDropped)=\"onDropColuna($event)\" [cdkDropListData]=\"colunasExibir()\"\n\t\t[style.gridTemplateColumns]=\"`${this.pxVerticalLine()}${this.pxSelector()}` + this.pxColunas() + this.pxActions()\">\n\t\t<!-- DESKTOP HEADER -->\n\t\t<lib-grid-header-row [colunas]=\"colunasExibir()\" [ordenacoes]=\"ordenacoesSignal()\"\n\t\t\t[todosSelecionados]=\"todosSelecionados()\" [config]=\"config()\" [hasSeletor]=\"hasSeletor()\"\n\t\t\t[hasVerticalLine]=\"hasVerticalLine()\" [hasGrid]=\"hasGrid()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[isSelectingAll]=\"isSelectingAll()\" (columnSort)=\"alternarOrdenacao($event)\"\n\t\t\t(selectAll)=\"onChangeTodosSelecionados($event)\"\n\t\t\t(columnResizeStart)=\"onResizeStart($event.event, $any($event.coluna))\"\n\t\t\t(columnResizeDoubleClick)=\"onDoubleClickControls($event.event, $any($event.coluna))\">\n\t\t</lib-grid-header-row>\n\n\t\t<!-- DESKTOP LINHAS DE DADOS -->\n\t\t@for (dadosLinha of listaExibir(); track $index; let i = $index) {@if( dadosLinha.isColapsed !== true){\n\n\t\t@if(dadosLinha.isFullLine?.visible){\n\n\t\t<!-- DESKTOP FULL LINE (COLSPAN HORIZONTAL) -->\n\t\t@if(hasVerticalLine()){\n\t\t<!-- DESKTOP HEADER VERTICAL FULL LINE -->\n\t\t<div class=\"table-header table-formated table-vertical-line\">\n\t\t\t{{ dadosLinha.ordem }}\n\t\t</div>\n\t\t}\n\t\t<!-- DESKTOP GRUPO: ROW -->\n\t\t@if(dadosLinha.isGroup){\n\n\t\t<div class=\"table-row table-formated table-group table-border-bottom-card\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<div class=\"table-group-name\" [class.table-inativo]=\"dadosLinha.inativo\">\n\t\t\t\t<lib-grid-cell-handler class=\"table-item table-dados {{ colAgrupadoAtual()?.classeCell }}\"\n\t\t\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"colAgrupadoAtual()!\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t\t\t[localColunas]=\"colunasDefinidas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t\t</div>\n\t\t\t<ui-button tipo=\"nofill\" (click)=\"onClickGroup(dadosLinha)\">\n\t\t\t\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t\t\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t\t\t\t<div class=\"table-group-items-ico\">\n\t\t\t\t\t\t<i [class]=\"dadosLinha.isFullLine?.colapsed ? 'bi bi-caret-down-fill' : 'bi bi-caret-down'\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ui-button>\n\t\t</div>\n\n\t\t} @else {\n\t\t<div class=\"table-row table-formated table-others\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\tNada a exibir nesta linha\n\t\t</div>\n\t\t}\n\n\t\t} @else {\n\n\t\t<!-- LINHA NORMAL via GridRowRenderer -->\n\t\t<lib-grid-row-renderer [dadosLinha]=\"dadosLinha\" [config]=\"config()\" [colunas]=\"colunasExibir()\"\n\t\t\t[colunasOrdenadas]=\"colunasOrdenadas()\" [lista]=\"lista()!\" [inputSearchText]=\"inputSearchText()\"\n\t\t\t[hasSeletor]=\"hasSeletor()\" [hasVerticalLine]=\"hasVerticalLine()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[hasGrid]=\"hasGrid()\" [rowIndex]=\"i\" (actionTriggered)=\"onClickCellAction($event)\"\n\t\t\t(rowClicked)=\"onClickRow($event)\" [lastRow]=\"$last\">\n\t\t</lib-grid-row-renderer>\n\n\t\t}}\n\n\t\t<!-- POSSIBILIDADES SEM DADOS -->\n\t\t} @empty {\n\n\t\t<!-- ERRO -->\n\t\t@if(config().hasError) {\n\t\t<div class=\"table-row table-formated table-errors\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridError]\"></ng-content>\n\t\t</div>\n\n\t\t<!-- LOADING -->\n\t\t} @else if(!config().isLoaded) {\n\t\t<div class=\"table-row table-formated table-loader\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridLoading]\"></ng-content>\n\t\t</div>\n\n\t\t} @else {\n\n\t\t<div class=\"table-row table-empty\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<lib-grid-empty-list></lib-grid-empty-list>\n\t\t</div>\n\t\t}\n\n\t\t}\n\n\t\t<!-- FIM DA LINHA NORMAL -->\n\n\n\t</div>\n</div>\n<!-- DESKTOP FIM -->\n}\n\n\n@if(config().showPagination){\n<lib-grid-pagination [paginacao]=\"paginacaoSignal()\" [totalPaginas]=\"totalPaginas()\" [performance]=\"performance()\"\n\t(pageChange)=\"irParaPagina($event)\">\n</lib-grid-pagination>\n}\n\n\n\n\n@if(config().showInfoBar){\n<!-- Informa\u00E7\u00F5es de Ordena\u00E7\u00E3o -->\n@if (ordenacoesSignal().length > 0) {\n<div class=\"table-info-row table-styles\">\n\t@if (ordenacoesSignal().length > 0) {\n\t<div>Ordenado por: {{ getOrdenacaoTexto() }}</div>\n\t}\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClickClearInfo()\" icone=\"bi bi-x-lg\"></ui-button>\n</div>\n}\n<!-- Informa\u00E7\u00F5es de Agrupamento -->\n@if (this.isAgrupado()) {\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-object-group\"></i>\n\t<div class=\"flex flex-wrap gap-1 f-t-b\">\n\t\tAgrupado por {{ colAgrupadoAtual()?.titulo }} (h\u00E1 {{ gruposEncontrados.itens.size }} grupos)\n\t\t<div class=\"campoSemForm\">\n\t\t\t<ui-select [value]=\"colAgrupadoAtual()?.prop\" [options]=\"this.colunasKVDefinidas()\"\n\t\t\t\t(changed)=\"onChangedAgrupamento($event)\"></ui-select>\n\t\t</div>\n\n\t</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\tRecolher Todos\n\t</ui-button>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\tExpandir Todos\n\t</ui-button>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\">\n\t\tDesagrupar\n\t</ui-button>\n</div>\n}\n}\n\n\n@if(devMode){\n<!-- MODO DESENVOLVIMENTO -->\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-microscope\"></i>\n\t<div>Fun\u00E7\u00F5es extras</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasGrid()\" (click)=\"onChangeHasGrid()\" icone='bi bi-grid-3x3'\n\t\ttitle=\"Grid\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"isCompacted()\" (click)=\"onChangeCompacted()\"\n\t\ticone='fa fa-arrows-to-circle' title=\"Compactar\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasVerticalLine()\" (click)=\"onChangeLineNumber()\"\n\t\ticone='bi bi-layout-sidebar' title=\"Linha Vertical\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasSeletor()\" (click)=\"onChangeSeletor()\" icone='fa fa-check-double'\n\t\ttitle=\"Seletor\"></ui-button>\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n"], dependencies: [{ kind: "component", type: GridEmptyList, selector: "lib-grid-empty-list" }, { kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }, { kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: GridFilterBar, selector: "lib-grid-filter-bar", inputs: ["config", "colunasDefinidas", "colAgrupadoAtual", "isAgrupado", "filterCollapsed"], outputs: ["searchInput", "actionTriggered", "filterToggle", "groupByColumn", "clearGroups", "collapseGroups", "expandGroups"] }, { kind: "component", type: GridPagination, selector: "lib-grid-pagination", inputs: ["paginacao", "totalPaginas", "performance"], outputs: ["pageChange"] }, { kind: "component", type: GridHeaderRow, selector: "lib-grid-header-row", inputs: ["colunas", "ordenacoes", "todosSelecionados", "config", "hasSeletor", "hasVerticalLine", "hasGrid", "isCompacted", "isSelectingAll"], outputs: ["columnSort", "selectAll", "columnResizeStart", "columnResizeDoubleClick"] }, { kind: "component", type: GridRowRenderer, selector: "lib-grid-row-renderer", inputs: ["dadosLinha", "config", "colunas", "colunasOrdenadas", "lista", "inputSearchText", "hasSeletor", "hasVerticalLine", "isCompacted", "hasGrid", "rowIndex", "lastRow"], outputs: ["actionTriggered", "rowClicked"] }, { kind: "component", type: GridCellHandler, selector: "lib-grid-cell-handler", inputs: ["lista", "linha", "config", "localColuna", "localColunas", "inputSearchText"] }, { kind: "component", type: GridCellActions, selector: "lib-grid-cell-actions", inputs: ["config", "dadosDaLinha", "mobileHeader", "compact"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7471
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MkGrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7472
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: MkGrid, isStandalone: true, selector: "lib-mk-grid", inputs: { lista: { classPropertyName: "lista", publicName: "lista", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, filtro: { classPropertyName: "filtro", publicName: "filtro", isSignal: true, isRequired: false, transformFunction: null }, minLineHeight: { classPropertyName: "minLineHeight", publicName: "minLineHeight", isSignal: true, isRequired: false, transformFunction: null }, isCompacted: { classPropertyName: "isCompacted", publicName: "isCompacted", isSignal: true, isRequired: false, transformFunction: null }, hasGrid: { classPropertyName: "hasGrid", publicName: "hasGrid", isSignal: true, isRequired: false, transformFunction: null }, hasVerticalLine: { classPropertyName: "hasVerticalLine", publicName: "hasVerticalLine", isSignal: true, isRequired: false, transformFunction: null }, hasSeletor: { classPropertyName: "hasSeletor", publicName: "hasSeletor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { minLineHeight: "minLineHeightChange", isCompacted: "isCompactedChange", hasGrid: "hasGridChange", hasVerticalLine: "hasVerticalLineChange", hasSeletor: "hasSeletorChange" }, viewQueries: [{ propertyName: "gridSize", first: true, predicate: ["gridSize"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "gridfiltro", first: true, predicate: ["gridfiltro"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "filterContainer", first: true, predicate: ["filterContainer"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<lib-grid-filter-bar [config]=\"config()\" [colunasDefinidas]=\"$any(colunasDefinidas())\"\n\t[colAgrupadoAtual]=\"colAgrupadoAtual()\" [isAgrupado]=\"isAgrupado()\" [filterCollapsed]=\"filtroCollapsed()\"\n\t(searchInput)=\"onInputSearch($event)\" (filterToggle)=\"onClickOpenCloseFilterZone()\"\n\t(actionTriggered)=\"onClickAction($event)\" (groupByColumn)=\"onAgruparPor($any($event))\" (clearGroups)=\"onClearGroups()\"\n\t(collapseGroups)=\"onRecolherGroups()\" (expandGroups)=\"onExpandirGroups()\">\n</lib-grid-filter-bar>\n\n@if(config().showFilterBar) {\n<div class=\"table-filter-container table-styles\" [style.--filter-height.px]=\"filterHeight()\">\n\t<div #filterContainer class=\"table-filter-content\" [class.table-filter-hide]=\"filtroCollapsed()\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n}\n\n@if(config().screen() == \"Mobile\"){\n<!-- MOBILE INICIO -->\n\n@for (dadosLinha of listaExibir(); track $index;let i = $index) {\n@if( dadosLinha.isColapsed !== true){\n\n@if(dadosLinha.isFullLine?.visible){\n<!-- MOBILE GRUPO LINHA PR\u00D3PRIA -->\n<div class=\"table-row-mobile table-formated table-group table-styles\" (click)=\"onClickGroup(dadosLinha)\">\n\t<div>{{ dadosLinha.groupName }}</div>\n\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t<div class=\"table-group-items-ico\">\n\t\t\t<i class=\"bi bi-caret-down\"></i>\n\t\t</div>\n\t</div>\n</div>\n} @else {\n\n<div class=\"table-overflow mobile\" [style.--table-min-height]=\"isCompacted() ? '20px' : minLineHeight()\">\n\t<div class=\"table-table-mobile\" [class.selected]=\"dadosLinha.selecionado\">\n\n\t\t<!-- MOBILE DADOS -->\n\t\t@if(config().showActionsLine){\n\t\t<div class=\"table-header-mobile\" [style.gridArea]=\"'auto / auto / auto / span 2'\">\n\t\t\t@if(hasVerticalLine()){\n\t\t\t<!-- MOBILE VERTICAL DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-vertical-line\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t{{ dadosLinha.ordem }}\n\t\t\t</div>\n\t\t\t}\n\t\t\t@if(hasSeletor()){\n\t\t\t<!-- MOBILE SELECTOR DIV -->\n\t\t\t<div class=\"table-header-mobile table-formated table-item-seletor\" (click)=\"onClickRow(dadosLinha)\">\n\t\t\t\t<ui-check-box [(value)]=\"dadosLinha.selecionado\" [style.--ui-color]=\"'var(--sys-on-primary)'\"\n\t\t\t\t\t[style.--ui-outline]=\"'var(--sys-on-primary)'\" [single]=\"this.config().selectionMode == 'single'\"\n\t\t\t\t\t[style.--ui-size]=\"isCompacted() ? '15px' : undefined\"></ui-check-box>\n\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"table-header-mobile-space\" (click)=\"onClickRow(dadosLinha)\"></div>\n\t\t\t<lib-grid-cell-actions [config]=\"config()\" [dadosDaLinha]=\"dadosLinha\" [mobileHeader]=\"true\"\n\t\t\t\t(action)=\"onClickCellAction($event)\" [compact]=\"isCompacted()\"></lib-grid-cell-actions>\n\t\t</div>\n\t\t}\n\n\t\t<!-- MOBILE LINHA -->\n\t\t@for (localColuna of colunasOrdenadas(); track $index;) {\n\t\t<div class=\"table-header-mobile\" [class.sortable]=\"localColuna.sortable !== false\"\n\t\t\t[class.sorted-asc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'asc'\"\n\t\t\t[class.sorted-desc]=\"obterDirecaoOrdenacao(localColuna.prop) === 'desc'\"\n\t\t\t(click)=\"localColuna.sortable !== false && alternarOrdenacao(localColuna.prop)\" [style]=\"localColuna.styleHeader\">\n\t\t\t<div class=\"table-header-mobile-text\" [title]=\"localColuna.titulo\"\n\t\t\t\t[innerHTML]=\"localColuna.tituloReduzido ?? localColuna.titulo\">\n\t\t\t</div>\n\t\t\t<div class=\"table-header-controls\">\n\t\t\t\t@if (localColuna.sortable !== false) {\n\t\t\t\t<span class=\"table-ico-sort\">\n\t\t\t\t\t@if (obterDirecaoOrdenacao(localColuna.prop) === 'asc') {\n\t\t\t\t\t<i class=\"fa fa-sort-up asc\"></i>\n\t\t\t\t\t} @else if (obterDirecaoOrdenacao(localColuna.prop) === 'desc') {\n\t\t\t\t\t<i class=\"fa fa-sort-down desc\"></i>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t\t<lib-grid-cell-handler class=\"table-item-mobile table-formated\" [class.odd]=\"i % 2 !== 0\" [class.even]=\"i % 2 === 0\"\n\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"localColuna\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t[localColunas]=\"colunasOrdenadas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t}\n\t</div>\n</div>\n}\n}\n} @empty {\n<!-- LINHA DE SEM DADOS -->\n<div class=\"table-styles\"><lib-grid-empty-list></lib-grid-empty-list></div>\n}\n<!-- MOBILE FIM -->\n\n\n} @else {\n<!-- DESKTOP INICIO -->\n<div #gridSize class=\"table-overflow\" [class.compacted]=\"isCompacted()\"\n\t[style.--table-min-height]=\"isCompacted() ? '40px' : minLineHeight()\">\n\t<div class=\"table-table\" [class.table-has-vertical-line]=\"hasVerticalLine()\" [class.table-has-seletor]=\"hasSeletor()\"\n\t\tcdkDropList (cdkDropListDropped)=\"onDropColuna($event)\" [cdkDropListData]=\"colunasExibir()\"\n\t\t[style.gridTemplateColumns]=\"`${this.pxVerticalLine()}${this.pxSelector()}` + this.pxColunas() + this.pxActions()\">\n\t\t<!-- DESKTOP HEADER -->\n\t\t<lib-grid-header-row [colunas]=\"colunasExibir()\" [ordenacoes]=\"ordenacoesSignal()\"\n\t\t\t[todosSelecionados]=\"todosSelecionados()\" [config]=\"config()\" [hasSeletor]=\"hasSeletor()\"\n\t\t\t[hasVerticalLine]=\"hasVerticalLine()\" [hasGrid]=\"hasGrid()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[isSelectingAll]=\"isSelectingAll()\" (columnSort)=\"alternarOrdenacao($event)\"\n\t\t\t(selectAll)=\"onChangeTodosSelecionados($event)\"\n\t\t\t(columnResizeStart)=\"onResizeStart($event.event, $any($event.coluna))\"\n\t\t\t(columnResizeDoubleClick)=\"onDoubleClickControls($event.event, $any($event.coluna))\">\n\t\t</lib-grid-header-row>\n\n\t\t<!-- DESKTOP LINHAS DE DADOS -->\n\t\t@for (dadosLinha of listaExibir(); track $index; let i = $index) {@if( dadosLinha.isColapsed !== true){\n\n\t\t@if(dadosLinha.isFullLine?.visible){\n\n\t\t<!-- DESKTOP FULL LINE (COLSPAN HORIZONTAL) -->\n\t\t@if(hasVerticalLine()){\n\t\t<!-- DESKTOP HEADER VERTICAL FULL LINE -->\n\t\t<div class=\"table-header table-formated table-vertical-line\">\n\t\t\t{{ dadosLinha.ordem }}\n\t\t</div>\n\t\t}\n\t\t<!-- DESKTOP GRUPO: ROW -->\n\t\t@if(dadosLinha.isGroup){\n\n\t\t<div class=\"table-row table-formated table-group table-border-bottom-card\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<div class=\"table-group-name\" [class.table-inativo]=\"dadosLinha.inativo\">\n\t\t\t\t<lib-grid-cell-handler class=\"table-item table-dados {{ colAgrupadoAtual()?.classeCell }}\"\n\t\t\t\t\t[linha]=\"dadosLinha.dados\" [localColuna]=\"colAgrupadoAtual()!\" [lista]=\"lista()!\" [config]=\"config()\"\n\t\t\t\t\t[localColunas]=\"colunasDefinidas()\" [inputSearchText]=\"inputSearchText()\"></lib-grid-cell-handler>\n\t\t\t</div>\n\t\t\t<ui-button tipo=\"nofill\" (click)=\"onClickGroup(dadosLinha)\">\n\t\t\t\t<div class=\"table-group-items-area\" [class.table-group-collapse]=\"dadosLinha.isFullLine?.colapsed === true\">\n\t\t\t\t\t{{ dadosLinha.isFullLine?.colapsedCount ?? 0 }} item(s)\n\t\t\t\t\t<div class=\"table-group-items-ico\">\n\t\t\t\t\t\t<i [class]=\"dadosLinha.isFullLine?.colapsed ? 'bi bi-caret-down-fill' : 'bi bi-caret-down'\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ui-button>\n\t\t</div>\n\n\t\t} @else {\n\t\t<div class=\"table-row table-formated table-others\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\tNada a exibir nesta linha\n\t\t</div>\n\t\t}\n\n\t\t} @else {\n\n\t\t<!-- LINHA NORMAL via GridRowRenderer -->\n\t\t<lib-grid-row-renderer [dadosLinha]=\"dadosLinha\" [config]=\"config()\" [colunas]=\"colunasExibir()\"\n\t\t\t[colunasOrdenadas]=\"colunasOrdenadas()\" [lista]=\"lista()!\" [inputSearchText]=\"inputSearchText()\"\n\t\t\t[hasSeletor]=\"hasSeletor()\" [hasVerticalLine]=\"hasVerticalLine()\" [isCompacted]=\"isCompacted()\"\n\t\t\t[hasGrid]=\"hasGrid()\" [rowIndex]=\"i\" (actionTriggered)=\"onClickCellAction($event)\"\n\t\t\t(rowClicked)=\"onClickRow($event)\" [lastRow]=\"$last\">\n\t\t</lib-grid-row-renderer>\n\n\t\t}}\n\n\t\t<!-- POSSIBILIDADES SEM DADOS -->\n\t\t} @empty {\n\n\t\t<!-- ERRO -->\n\t\t@if(config().hasError) {\n\t\t<div class=\"table-row table-formated table-errors\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridError]\"></ng-content>\n\t\t</div>\n\n\t\t<!-- LOADING -->\n\t\t} @else if(!config().isLoaded) {\n\t\t<div class=\"table-row table-formated table-loader\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<ng-content select=\"[mkGridLoading]\"></ng-content>\n\t\t</div>\n\n\t\t} @else {\n\n\t\t<div class=\"table-row table-empty\"\n\t\t\t[style.gridArea]=\"'auto / auto / auto / span ' + (totalColsVisivel() - (hasVerticalLine() ? 1 : 0))\">\n\t\t\t<lib-grid-empty-list></lib-grid-empty-list>\n\t\t</div>\n\t\t}\n\n\t\t}\n\n\t\t<!-- FIM DA LINHA NORMAL -->\n\n\n\t</div>\n</div>\n<!-- DESKTOP FIM -->\n}\n\n\n@if(config().showPagination){\n<lib-grid-pagination [paginacao]=\"paginacaoSignal()\" [totalPaginas]=\"totalPaginas()\" [performance]=\"performance()\"\n\t(pageChange)=\"irParaPagina($event)\">\n</lib-grid-pagination>\n}\n\n\n\n\n@if(config().showInfoBar){\n<!-- Informa\u00E7\u00F5es de Ordena\u00E7\u00E3o -->\n@if (ordenacoesSignal().length > 0) {\n<div class=\"table-info-row table-styles\">\n\t@if (ordenacoesSignal().length > 0) {\n\t<div>Ordenado por: {{ getOrdenacaoTexto() }}</div>\n\t}\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClickClearInfo()\" icone=\"bi bi-x-lg\"></ui-button>\n</div>\n}\n<!-- Informa\u00E7\u00F5es de Agrupamento -->\n@if (this.isAgrupado()) {\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-object-group\"></i>\n\t<div class=\"flex flex-wrap gap-1 f-t-b\">\n\t\tAgrupado por {{ colAgrupadoAtual()?.titulo }} (h\u00E1 {{ gruposEncontrados.itens.size }} grupos)\n\t\t<div class=\"campoSemForm\">\n\t\t\t<ui-select [value]=\"colAgrupadoAtual()?.prop\" [options]=\"this.colunasKVDefinidas()\"\n\t\t\t\t(changed)=\"onChangedAgrupamento($event)\"></ui-select>\n\t\t</div>\n\n\t</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onRecolherGroups()\" icone=\"bi bi-arrows-collapse\">\n\t\tRecolher Todos\n\t</ui-button>\n\t<ui-button tipo=\"nofill\" tema=\"primary\" (click)=\"onExpandirGroups()\" icone=\"bi bi-arrows-expand\">\n\t\tExpandir Todos\n\t</ui-button>\n\t<ui-button tipo=\"outlined\" tema=\"primary\" (click)=\"onClearGroups()\" icone=\"fa fa-object-ungroup\">\n\t\tDesagrupar\n\t</ui-button>\n</div>\n}\n}\n\n\n@if(devMode){\n<!-- MODO DESENVOLVIMENTO -->\n<div class=\"table-info-row table-styles\">\n\t<i class=\"fa fa-microscope\"></i>\n\t<div>Fun\u00E7\u00F5es extras</div>\n\t<div class=\"f-1\"></div>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasGrid()\" (click)=\"onChangeHasGrid()\" icone='bi bi-grid-3x3'\n\t\ttitle=\"Grid\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"isCompacted()\" (click)=\"onChangeCompacted()\"\n\t\ticone='fa fa-arrows-to-circle' title=\"Compactar\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasVerticalLine()\" (click)=\"onChangeLineNumber()\"\n\t\ticone='bi bi-layout-sidebar' title=\"Linha Vertical\"></ui-button>\n\t<ui-button tipo=\"icon\" tema=\"primary\" [ativo]=\"hasSeletor()\" (click)=\"onChangeSeletor()\" icone='fa fa-check-double'\n\t\ttitle=\"Seletor\"></ui-button>\n</div>\n}", styles: [":host{--mk-grid-border-radius: var(--sys-border-radius, 10px);--mk-grid-gap: var(--sys-gap, 8px);--mk-grid-lum-10: var(--sys-lum-10, 95%);--mk-grid-card: var(--sys-card, hsl(216 22% 96%));--mk-grid-background: var(--sys-background, hsl(0 0% 100%));--mk-grid-bg-card: var(--mk-grid-card);--mk-grid-bg: var(--mk-grid-background);--mk-grid-outline: var(--sys-outline, hsl(220 15% 86%));--mk-grid-primary: var(--sys-primary, hsl(224 74% 53%));--mk-grid-on-primary: var(--sys-on-primary, hsl(0 0% 100%));--mk-grid-secondary: var(--sys-secondary, hsl(221 44% 49%));--mk-grid-error: var(--sys-error, hsl(0 66% 47%));--mk-grid-info: var(--sys-info, hsl(210 79% 46%));--mk-grid-high: var(--sys-high, hsl(221 100% 97%));--mk-grid-on-high: var(--sys-on-high, hsl(222 35% 16%));--mk-grid-on-card: var(--sys-on-card, hsl(221 27% 16%));--mk-grid-on-card-variant: var(--sys-on-card-variant, hsl(222 15% 43%));--mk-grid-on-background: var(--sys-on-background, hsl(222 20% 20%));--mk-grid-primary-15: var(--sys-primary-15, hsl(224 74% 53% / 15%))}:host .drag-container{cursor:grab}:host .drag-container:active{cursor:grabbing}:host-context(body:has(.cdk-drag-preview)) .drop-option{outline:1px dashed var(--mk-grid-outline)}:host-context(body:has(.cdk-drag-preview)) .drop-option:hover{outline:1px solid var(--mk-grid-outline);background-color:var(--mk-grid-high)}:host ui-menu>ui-button{border-bottom:1px solid var(--ui-outline-color, var(--mk-grid-outline))}:host .menu-title{font-size:1.2rem;font-weight:600;padding:0 calc(var(--mk-grid-gap) / 2) var(--mk-grid-gap) calc(var(--mk-grid-gap) / 2);border-bottom:1px solid var(--mk-grid-outline);display:flex;justify-content:space-between;align-items:center;gap:var(--mk-grid-gap)}:host .menu-sub-title{font-size:14px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--mk-grid-gap);padding-left:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .menu-sub-value{font-size:14px;font-weight:400;display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--mk-grid-gap) / 2);padding-right:calc(var(--mk-grid-gap) / 2);min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:flex;flex-direction:column}.table-overflow{display:grid;overflow:auto;padding:0;position:relative}.table-overflow.compacted{justify-content:center}.table-overflow.mobile{border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-overflow.mobile{overflow:hidden}.table-table-mobile,.table-table{display:grid;font-size:13px}.table-table-mobile{grid-template-columns:1fr 1fr}.table-header,.table-header-mobile{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);transition:background-color .2s ease;display:flex;flex-wrap:wrap;align-items:center;align-content:stretch;justify-content:center;-webkit-user-select:none;user-select:none;min-height:var(--table-min-height)}.table-header-mobile{padding:0 5px}.table-header-mobile-space{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.table-header-mobile-text,.table-header-text{flex:1;font-weight:600;text-align:center;display:block;align-content:center}.table-header-mobile-text{text-align:start}.table-header-text{height:100%;border-radius:var(--mk-grid-border-radius);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{font-size:14px!important;background:var(--mk-grid-high);color:var(--mk-grid-on-high);opacity:.6}.cdk-drop-list-receiving:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-info);filter:opacity(.5)}.cdk-drag-placeholder:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--mk-grid-primary)}.textVertical .table-header-text{writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;padding-bottom:5px;text-align:right;align-self:end;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.table-header-controls{width:6px;min-width:6px;max-width:6px;cursor:col-resize;height:100%;display:flex;align-items:center;justify-content:center}.table-ico-sort{font-size:10px;color:color-mix(in srgb,var(--mk-grid-secondary) 50%,var(--mk-grid-on-primary) 50%)}.table-ico-sort .asc{animation:aniSortUp 1s infinite cubic-bezier(.175,.885,.32,1.275)}.table-ico-sort .desc{animation:aniSortDown 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes aniSortUp{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(-3px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes aniSortDown{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}80%{transform:translateY(3px) scale(1.1)}to{transform:translateY(0) scale(1)}}.table-row,.table-row-mobile{display:flex;justify-content:space-between;align-items:center}.table-row{background:color-mix(in srgb,var(--mk-grid-primary) 10%,var(--mk-grid-background) 90%)}.table-row-mobile{margin-top:10px}.table-group{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2);border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group:has(.table-group-collapse){border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2);border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-group.table-formated{padding-left:10px}.table-group-items-area{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-style:italic;color:color-mix(in srgb,var(--mk-grid-on-background) 60%,var(--mk-grid-background) 40%);overflow:hidden}.table-group-items-ico{transition:transform .3s ease;transform:rotate(180deg)}.table-group-name{flex:1;height:100%;display:flex;align-items:center}.table-group-collapse .table-group-items-ico{transition:transform .3s ease;transform:rotate(0);color:color-mix(in srgb,var(--mk-grid-primary) 60%,var(--mk-grid-background) 40%)}.table-formated{min-height:var(--table-min-height);padding:1px 2px;font-size:14px}.table-dados{min-height:var(--table-min-height);padding:1px 2px}.table-item{cursor:pointer}.table-item,.table-header{border-left:0px solid transparent;border-right:0px solid transparent}.table-header:first-child{border-top-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-item.table-item-action.last-row{border-bottom-right-radius:calc(var(--mk-grid-border-radius) / 2)}.header-last-col{border-top-right-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line) .table-item:nth-last-child(-n+1 of div.table-item-seletor){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-table:not(.table-has-vertical-line,.table-has-seletor) .table-dados:nth-last-child(-n+1 of.table-first-col){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header:nth-last-child(-n+1 of div.table-vertical-line){border-bottom-left-radius:calc(var(--mk-grid-border-radius) / 2)}.table-header-mobile.table-vertical-line,.table-header.table-vertical-line,.table-item.table-vertical-line{background:var(--mk-grid-primary);color:var(--mk-grid-on-primary);display:flex;justify-content:center;align-items:center}.table-grupo-seletor,.table-item-seletor{display:flex;justify-content:center;align-items:center}.table-header-mobile.sortable .table-header-text,.table-header.sortable .table-header-text{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-mobile.sortable:hover,.table-header.sortable:hover,.table-header-mobile.sorted-asc,.table-header-mobile.sorted-desc,.table-header.sorted-asc,.table-header.sorted-desc{background:color-mix(in srgb,var(--mk-grid-secondary) 30%,var(--mk-grid-primary) 70%);color:var(--mk-grid-on-primary)}.table-row.table-errors,.table-row.table-loader{justify-content:center}.table-border-bottom-card{border-bottom:1px solid var(--mk-grid-card)}.table-border-left-darker{border-left:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-right-darker{border-right:1px solid color-mix(in srgb,var(--mk-grid-card) 20%,transparent 80%)}.table-border-left{border-left:1px solid var(--mk-grid-background)}.table-border-right{border-right:1px solid var(--mk-grid-background)}.table-item-mobile,.table-item{transition:background-color .2s cubic-bezier(.075,.82,.165,1);border-bottom:1px solid var(--mk-grid-background);position:relative}.table-item.hashue{background-color:hsl(var(--bghue) 100 var(--mk-grid-lum-10))}.table-item-mobile.odd:before,.table-item.odd:before,.table-item-mobile.even:before,.table-item.even:before,.table-item.table-bg-error:before{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;background:var(--mk-grid-background)}.table-item-mobile.odd:before,.table-item.odd:before{opacity:.2}.table-item-mobile.even:before,.table-item.even:before{opacity:.1}.table-item.table-bg-error:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;outline-offset:0px;outline:2px solid var(--mk-grid-error);background-color:var(--mk-grid-error);opacity:.04}.table-border-right-error{border-right:1px dashed color-mix(in srgb,var(--mk-grid-error) 50%,transparent 50%)}.table-styles{color:var(--mk-grid-on-card);background:color-mix(in srgb,var(--mk-grid-outline) 20%,var(--mk-grid-card) 80%);border-radius:calc(var(--mk-grid-border-radius) / 2)}.table-show-error{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:10px}.table-topo-container{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;padding:8px;gap:1rem}.table-actions-outside{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-top-right-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1}.table-collapse-ico{display:inline-block;transition:transform .3s}.table-collapse-ico.ativo{transition:transform .3s ease-in-out;transform:rotate(-180deg)}.table-filter-container{overflow:hidden;margin-top:10px;margin-bottom:10px}.table-filter-container:has(.table-filter-hide){pointer-events:none;-webkit-user-select:none;user-select:none;height:0px;margin-bottom:0}.table-filter-content{font-size:14px;padding:8px;overflow:hidden;transition:all .3s cubic-bezier(.075,.82,.165,1);position:relative;opacity:1}.table-filter-content.table-filter-hide{padding:0;opacity:0;margin-top:calc(var(--filter-height, 2000px) * -1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.table-conjunto-actions{position:relative;display:flex;align-items:stretch}.table-conjunto-actions>*{outline:1px solid var(--mk-grid-outline);outline-offset:-1px}.table-conjunto-actions>:first-child{border-radius:var(--mk-grid-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.table-conjunto-actions>:last-child{border-radius:0 7px 7px 0}.table-conjunto-actions-item{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px}.table-inativo{color:var(--mk-grid-error)}.table-pagination-overflow{display:grid;align-items:center;overflow:auto;margin-top:10px}.table-pagination-overflow.compacted{margin-top:2px;justify-content:center}.table-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-wrap:wrap;gap:16px;flex:1}.table-pagination-overflow.compacted .table-pagination-container{padding:2px 4px;gap:4px}.table-pagination-overflow.compacted.table-has-pages .table-pagination-controls{border-left:1px solid var(--mk-grid-card);border-right:1px solid var(--mk-grid-card)}.table-pagination-info{display:flex;flex-direction:column;color:var(--mk-grid-on-card-variant);font-size:12px}.table-pagination-controls{display:flex;align-items:center;gap:4px}.table-pagination-show{border-radius:var(--mk-grid-border-radius);min-width:47px;min-height:38px;display:flex;justify-content:center;align-items:center;font-size:12px}.table-pagination-per-page{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-grid-on-card-variant);flex-wrap:nowrap;white-space:nowrap}.table-pagination-per-page-select{--ui-width: 50px;font-size:12px;text-align:center}.table-performance{font-size:10px;font-style:italic}.compacted .table-pagination-range{display:none}.compacted .table-pagination-totais{font-size:10px}.compacted .table-performance{display:none}.table-empty{display:flex;justify-content:center;align-items:center;padding:16px}.table-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;border-left:4px solid var(--mk-grid-primary);padding:12px 16px;margin-top:10px}@media(max-width:768px){.table-pagination-container{flex-direction:column;align-items:stretch;padding:2px}.table-pagination-overflow.compacted .table-pagination-container{padding:0}.table-pagination-controls{justify-content:center}.table-pagination-info{flex-direction:row;justify-content:space-around;gap:10px}.table-pagination-per-page{justify-content:center}}@media(max-width:480px){.table-topo-container{flex-direction:column;align-items:stretch}.table-pagination-container{flex-wrap:wrap;justify-content:space-evenly}.table-small-screen-hide{display:none}}\n"], dependencies: [{ kind: "component", type: GridEmptyList, selector: "lib-grid-empty-list" }, { kind: "component", type: UiButton, selector: "ui-button", inputs: ["icone", "iconeAntes", "iconeDepois", "iconeCategory", "disabled", "eventPropagation", "radiusTabFormat", "tabindex", "tipo", "tema", "classes", "ativo"], outputs: ["iconeChange", "iconeAntesChange", "iconeDepoisChange", "iconeCategoryChange", "clicked", "temaChange"] }, { kind: "component", type: UiSelect, selector: "ui-select", inputs: ["value", "options", "name", "placeholder", "disabled", "multiple", "canUnselect", "textEmpty"], outputs: ["valueChange", "changed"] }, { kind: "component", type: UiCheckBox, selector: "ui-check-box", inputs: ["value", "disabled", "focused", "focus", "single", "hasDash"], outputs: ["valueChange", "focusedChange", "changed"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: GridFilterBar, selector: "lib-grid-filter-bar", inputs: ["config", "colunasDefinidas", "colAgrupadoAtual", "isAgrupado", "filterCollapsed"], outputs: ["searchInput", "actionTriggered", "filterToggle", "groupByColumn", "clearGroups", "collapseGroups", "expandGroups"] }, { kind: "component", type: GridPagination, selector: "lib-grid-pagination", inputs: ["paginacao", "totalPaginas", "performance"], outputs: ["pageChange"] }, { kind: "component", type: GridHeaderRow, selector: "lib-grid-header-row", inputs: ["colunas", "ordenacoes", "todosSelecionados", "config", "hasSeletor", "hasVerticalLine", "hasGrid", "isCompacted", "isSelectingAll"], outputs: ["columnSort", "selectAll", "columnResizeStart", "columnResizeDoubleClick"] }, { kind: "component", type: GridRowRenderer, selector: "lib-grid-row-renderer", inputs: ["dadosLinha", "config", "colunas", "colunasOrdenadas", "lista", "inputSearchText", "hasSeletor", "hasVerticalLine", "isCompacted", "hasGrid", "rowIndex", "lastRow"], outputs: ["actionTriggered", "rowClicked"] }, { kind: "component", type: GridCellHandler, selector: "lib-grid-cell-handler", inputs: ["lista", "linha", "config", "localColuna", "localColunas", "inputSearchText"] }, { kind: "component", type: GridCellActions, selector: "lib-grid-cell-actions", inputs: ["config", "dadosDaLinha", "mobileHeader", "compact"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7471
7473
|
}
|
|
7472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MkGrid, decorators: [{
|
|
7473
7475
|
type: Component,
|
|
7474
7476
|
args: [{ selector: 'lib-mk-grid', imports: [
|
|
7475
7477
|
GridEmptyList,
|
|
@@ -7497,10 +7499,10 @@ class GridCell {
|
|
|
7497
7499
|
effect(() => { this.params.set(this._masterCellService?.gridParams() ?? input); });
|
|
7498
7500
|
}
|
|
7499
7501
|
}
|
|
7500
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7501
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
7502
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCell, deps: [{ token: GRID_PARAMS_TOKEN, optional: true }, { token: 'GRID_PARAMS', optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
7503
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GridCell, isStandalone: true, selector: "lib-grid-cell", ngImport: i0, template: '', isInline: true });
|
|
7502
7504
|
}
|
|
7503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GridCell, decorators: [{
|
|
7504
7506
|
type: Component,
|
|
7505
7507
|
args: [{
|
|
7506
7508
|
selector: 'lib-grid-cell',
|