@masterkeymaterial/ui 0.0.3 → 0.0.4
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.
|
@@ -3329,11 +3329,11 @@ class UiButton {
|
|
|
3329
3329
|
});
|
|
3330
3330
|
}
|
|
3331
3331
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3332
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\"\
|
|
3332
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius, 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(--MasterRadius, 15px) var(--MasterRadius, 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(--MasterRadius);border-bottom-right-radius:var(--MasterRadius);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(--MasterRadius)}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"] });
|
|
3333
3333
|
}
|
|
3334
3334
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiButton, decorators: [{
|
|
3335
3335
|
type: Component,
|
|
3336
|
-
args: [{ selector: 'ui-button', template: "<button #botao type=\"button\" [class]=\"buttonClasses()\" [style.--btnr-corFundo]=\"corFundo()\"\
|
|
3336
|
+
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(--MasterRadius, 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(--MasterRadius, 15px) var(--MasterRadius, 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(--MasterRadius);border-bottom-right-radius:var(--MasterRadius);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(--MasterRadius)}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"] }]
|
|
3337
3337
|
}], 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 }] }] } });
|
|
3338
3338
|
|
|
3339
3339
|
class UiChip {
|
|
@@ -3355,11 +3355,11 @@ class UiChip {
|
|
|
3355
3355
|
return null;
|
|
3356
3356
|
}, ...(ngDevMode ? [{ debugName: "hue" }] : /* istanbul ignore next */ []));
|
|
3357
3357
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3358
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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)'\">\
|
|
3358
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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(--MasterRadius);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"] });
|
|
3359
3359
|
}
|
|
3360
3360
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiChip, decorators: [{
|
|
3361
3361
|
type: Component,
|
|
3362
|
-
args: [{ selector: 'ui-chip', template: "<span class=\"baseChip\" [style.--ChipHue]=\"hue() ?? 'var(--sys-hue-color1)'\">\
|
|
3362
|
+
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(--MasterRadius);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"] }]
|
|
3363
3363
|
}], propDecorators: { cor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cor", required: false }] }] } });
|
|
3364
3364
|
|
|
3365
3365
|
class UiDropZone {
|
|
@@ -3492,11 +3492,11 @@ class UiDropZone {
|
|
|
3492
3492
|
});
|
|
3493
3493
|
}
|
|
3494
3494
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiDropZone, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3495
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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)\"\
|
|
3495
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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(--MasterRadius);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"] });
|
|
3496
3496
|
}
|
|
3497
3497
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiDropZone, decorators: [{
|
|
3498
3498
|
type: Component,
|
|
3499
|
-
args: [{ selector: 'ui-drop-zone', template: "<div #dropzonearea class=\"dropzone\" [class.naosobrepor]=\"!sobrepor()\" (dragenter)=\"onDropZone('dragenter',$event)\"\
|
|
3499
|
+
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(--MasterRadius);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"] }]
|
|
3500
3500
|
}], 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 }] }] } });
|
|
3501
3501
|
|
|
3502
3502
|
class UiFileList {
|
|
@@ -3509,11 +3509,11 @@ class UiFileList {
|
|
|
3509
3509
|
this.remove.emit(file);
|
|
3510
3510
|
}
|
|
3511
3511
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiFileList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3512
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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\">\
|
|
3512
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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"] }] });
|
|
3513
3513
|
}
|
|
3514
3514
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiFileList, decorators: [{
|
|
3515
3515
|
type: Component,
|
|
3516
|
-
args: [{ selector: 'ui-file-list', imports: [UiButton], template: "<div class=\"e-filelist-area\">\
|
|
3516
|
+
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"] }]
|
|
3517
3517
|
}], 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"] }] } });
|
|
3518
3518
|
|
|
3519
3519
|
class UiSelect {
|
|
@@ -3929,11 +3929,11 @@ class UiSelect {
|
|
|
3929
3929
|
}, 1);
|
|
3930
3930
|
}
|
|
3931
3931
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3932
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\"\
|
|
3932
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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"] }] });
|
|
3933
3933
|
}
|
|
3934
3934
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSelect, decorators: [{
|
|
3935
3935
|
type: Component,
|
|
3936
|
-
args: [{ selector: 'ui-select', host: { '[class]': 'hostClasses()' }, imports: [UiButton], template: "<div #triggerElement class=\"e-select-container\" (click)=\"onOpenOrCloseOptions()\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\
|
|
3936
|
+
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"] }]
|
|
3937
3937
|
}], 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: [{
|
|
3938
3938
|
type: HostListener,
|
|
3939
3939
|
args: ['document:click', ['$event']]
|
|
@@ -3995,11 +3995,11 @@ class UiProcurar {
|
|
|
3995
3995
|
this.focused.set(false);
|
|
3996
3996
|
}
|
|
3997
3997
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiProcurar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3998
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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\"\
|
|
3998
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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"] }] });
|
|
3999
3999
|
}
|
|
4000
4000
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiProcurar, decorators: [{
|
|
4001
4001
|
type: Component,
|
|
4002
|
-
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\"\
|
|
4002
|
+
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"] }]
|
|
4003
4003
|
}], 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 }] }] } });
|
|
4004
4004
|
|
|
4005
4005
|
class UiProgress {
|
|
@@ -4057,11 +4057,11 @@ class UiSlide {
|
|
|
4057
4057
|
this.focused.set(false);
|
|
4058
4058
|
}
|
|
4059
4059
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4060
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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()\"\
|
|
4060
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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"] });
|
|
4061
4061
|
}
|
|
4062
4062
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiSlide, decorators: [{
|
|
4063
4063
|
type: Component,
|
|
4064
|
-
args: [{ selector: 'ui-slide', host: { '[class.focused]': 'focused()' }, template: "<div #sliderbox class=\"sliderbox\" tabindex=\"0\" (click)=\"onClickSlide()\" [class.ativo]=\"ativo()\"\
|
|
4064
|
+
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"] }]
|
|
4065
4065
|
}], 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"] }] } });
|
|
4066
4066
|
|
|
4067
4067
|
class UiCheckBox {
|
|
@@ -4109,13 +4109,13 @@ class UiCheckBox {
|
|
|
4109
4109
|
this.focused.set(false);
|
|
4110
4110
|
}
|
|
4111
4111
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiCheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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()\"\
|
|
4112
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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"] });
|
|
4113
4113
|
}
|
|
4114
4114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiCheckBox, decorators: [{
|
|
4115
4115
|
type: Component,
|
|
4116
4116
|
args: [{ selector: 'ui-check-box', host: {
|
|
4117
4117
|
'[class.focused]': 'focused()',
|
|
4118
|
-
}, template: "<div #marcabox class=\"marcador-area\" tabindex=\"0\" (click)=\"onClickMarcador()\" [class.ativo]=\"ativo()\"\
|
|
4118
|
+
}, 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"] }]
|
|
4119
4119
|
}], ctorParameters: () => [], propDecorators: { marcabox: [{ type: i0.ViewChild, args: ['marcabox', { ...{ 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"] }], single: [{ type: i0.Input, args: [{ isSignal: true, alias: "single", required: false }] }], hasDash: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDash", required: false }] }] } });
|
|
4120
4120
|
|
|
4121
4121
|
class UiListErrors {
|
|
@@ -4123,11 +4123,11 @@ class UiListErrors {
|
|
|
4123
4123
|
errors = input.required(...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
4124
4124
|
dica = input.required(...(ngDevMode ? [{ debugName: "dica" }] : /* istanbul ignore next */ []));
|
|
4125
4125
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiListErrors, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4126
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()){\
|
|
4126
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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"] });
|
|
4127
4127
|
}
|
|
4128
4128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiListErrors, decorators: [{
|
|
4129
4129
|
type: Component,
|
|
4130
|
-
args: [{ selector: 'ui-list-errors', template: "@if(show()){\
|
|
4130
|
+
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(--MasterRadius);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"] }]
|
|
4131
4131
|
}], 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 }] }] } });
|
|
4132
4132
|
|
|
4133
4133
|
class UiLoading {
|
|
@@ -4349,11 +4349,11 @@ class UiMenu {
|
|
|
4349
4349
|
// this.moveFocoPara('baixo', event);
|
|
4350
4350
|
}
|
|
4351
4351
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4352
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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()\"\
|
|
4352
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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"] }] });
|
|
4353
4353
|
}
|
|
4354
4354
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UiMenu, decorators: [{
|
|
4355
4355
|
type: Component,
|
|
4356
|
-
args: [{ selector: 'ui-menu', imports: [UiButton], host: { '[class.opened]': 'isOpened()' }, template: "<div #menuTrigger class=\"e-menu-trigger\" (click)=\"onClickSlotBotao($event)\" (keyup.Enter)=\"onOpenOrCloseOptions()\"\
|
|
4356
|
+
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"] }]
|
|
4357
4357
|
}], 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 }] }] } });
|
|
4358
4358
|
|
|
4359
4359
|
class FieldsAutocomplete extends BaseFieldsForm {
|
|
@@ -4618,11 +4618,11 @@ class FieldsAutocomplete extends BaseFieldsForm {
|
|
|
4618
4618
|
}, 1);
|
|
4619
4619
|
}
|
|
4620
4620
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4621
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\"\
|
|
4621
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
4622
4622
|
}
|
|
4623
4623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsAutocomplete, decorators: [{
|
|
4624
4624
|
type: Component,
|
|
4625
|
-
args: [{ selector: 'fields-autocomplete', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4625
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
4626
4626
|
}], 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: [{
|
|
4627
4627
|
type: HostListener,
|
|
4628
4628
|
args: ['document:click', ['$event']]
|
|
@@ -4651,11 +4651,11 @@ class FieldsButton extends BaseFieldsForm {
|
|
|
4651
4651
|
this.onChangeEmit();
|
|
4652
4652
|
}
|
|
4653
4653
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4654
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsButton, isStandalone: true, selector: "fields-button", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4654
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
4655
4655
|
}
|
|
4656
4656
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsButton, decorators: [{
|
|
4657
4657
|
type: Component,
|
|
4658
|
-
args: [{ selector: 'fields-button', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4658
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
4659
4659
|
}], ctorParameters: () => [] });
|
|
4660
4660
|
|
|
4661
4661
|
class FieldsCheckbox extends BaseFieldsForm {
|
|
@@ -4685,11 +4685,11 @@ class FieldsCheckbox extends BaseFieldsForm {
|
|
|
4685
4685
|
}, 1);
|
|
4686
4686
|
}
|
|
4687
4687
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4688
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsCheckbox, isStandalone: true, selector: "fields-checkbox", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4688
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
4689
4689
|
}
|
|
4690
4690
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsCheckbox, decorators: [{
|
|
4691
4691
|
type: Component,
|
|
4692
|
-
args: [{ selector: 'fields-checkbox', imports: [UiCheckBox, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4692
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
4693
4693
|
}], ctorParameters: () => [] });
|
|
4694
4694
|
|
|
4695
4695
|
class CirculoColorido {
|
|
@@ -4707,11 +4707,11 @@ class CirculoColorido {
|
|
|
4707
4707
|
return angle;
|
|
4708
4708
|
}, ...(ngDevMode ? [{ debugName: "angle" }] : /* istanbul ignore next */ []));
|
|
4709
4709
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CirculoColorido, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4710
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\">\
|
|
4710
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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"] });
|
|
4711
4711
|
}
|
|
4712
4712
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CirculoColorido, decorators: [{
|
|
4713
4713
|
type: Component,
|
|
4714
|
-
args: [{ selector: 'field-color-circulocolorido', template: "<div class=\"container\" [style.--atualColor]=\"angle()\">\
|
|
4714
|
+
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"] }]
|
|
4715
4715
|
}], propDecorators: { valor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valor", required: false }] }] } });
|
|
4716
4716
|
|
|
4717
4717
|
class FieldsColor extends BaseFieldsForm {
|
|
@@ -4749,11 +4749,11 @@ class FieldsColor extends BaseFieldsForm {
|
|
|
4749
4749
|
this.campo()?.onInput?.(this.form());
|
|
4750
4750
|
}
|
|
4751
4751
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsColor, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4752
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsColor, isStandalone: true, selector: "fields-color", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
4753
4753
|
}
|
|
4754
4754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsColor, decorators: [{
|
|
4755
4755
|
type: Component,
|
|
4756
|
-
args: [{ selector: 'fields-color', imports: [CirculoColorido, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4756
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
4757
4757
|
}], ctorParameters: () => [] });
|
|
4758
4758
|
|
|
4759
4759
|
class FieldsDate extends BaseFieldsForm {
|
|
@@ -4772,11 +4772,11 @@ class FieldsDate extends BaseFieldsForm {
|
|
|
4772
4772
|
this.campo()?.onInput?.(this.form());
|
|
4773
4773
|
}
|
|
4774
4774
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4775
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDate, isStandalone: true, selector: "fields-date", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4775
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
4776
4776
|
}
|
|
4777
4777
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDate, decorators: [{
|
|
4778
4778
|
type: Component,
|
|
4779
|
-
args: [{ selector: 'fields-date', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4779
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
4780
4780
|
}], ctorParameters: () => [] });
|
|
4781
4781
|
|
|
4782
4782
|
class FieldsDatetime extends BaseFieldsForm {
|
|
@@ -4795,11 +4795,11 @@ class FieldsDatetime extends BaseFieldsForm {
|
|
|
4795
4795
|
this.campo()?.onInput?.(this.form());
|
|
4796
4796
|
}
|
|
4797
4797
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDatetime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4798
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDatetime, isStandalone: true, selector: "fields-datetime", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4798
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
4799
4799
|
}
|
|
4800
4800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDatetime, decorators: [{
|
|
4801
4801
|
type: Component,
|
|
4802
|
-
args: [{ selector: 'fields-datetime', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4802
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
4803
4803
|
}], ctorParameters: () => [] });
|
|
4804
4804
|
|
|
4805
4805
|
class JsonColoridoPipe {
|
|
@@ -4840,11 +4840,11 @@ class FieldsDisplay extends BaseFieldsForm {
|
|
|
4840
4840
|
});
|
|
4841
4841
|
}
|
|
4842
4842
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4843
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsDisplay, isStandalone: true, selector: "fields-display", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4843
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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" }] });
|
|
4844
4844
|
}
|
|
4845
4845
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsDisplay, decorators: [{
|
|
4846
4846
|
type: Component,
|
|
4847
|
-
args: [{ selector: 'fields-display', imports: [UiListErrors, JsonColoridoPipe], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
4847
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
4848
4848
|
}], ctorParameters: () => [] });
|
|
4849
4849
|
|
|
4850
4850
|
class FieldsEditor extends BaseFieldsForm {
|
|
@@ -5039,11 +5039,11 @@ class FieldsEditor extends BaseFieldsForm {
|
|
|
5039
5039
|
}
|
|
5040
5040
|
}
|
|
5041
5041
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5042
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\"\
|
|
5042
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5043
5043
|
}
|
|
5044
5044
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEditor, decorators: [{
|
|
5045
5045
|
type: Component,
|
|
5046
|
-
args: [{ selector: 'fields-editor', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5046
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5047
5047
|
}], ctorParameters: () => [], propDecorators: { editavel: [{ type: i0.ViewChild, args: ['editavel', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
5048
5048
|
|
|
5049
5049
|
class FieldsEmail extends BaseFieldsForm {
|
|
@@ -5062,11 +5062,11 @@ class FieldsEmail extends BaseFieldsForm {
|
|
|
5062
5062
|
this.campo()?.onInput?.(this.form());
|
|
5063
5063
|
}
|
|
5064
5064
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEmail, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5065
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsEmail, isStandalone: true, selector: "fields-email", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5065
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5066
5066
|
}
|
|
5067
5067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsEmail, decorators: [{
|
|
5068
5068
|
type: Component,
|
|
5069
|
-
args: [{ selector: 'fields-email', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5069
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5070
5070
|
}], ctorParameters: () => [] });
|
|
5071
5071
|
|
|
5072
5072
|
class FieldsHidden extends BaseFieldsForm {
|
|
@@ -5079,11 +5079,11 @@ class FieldsHidden extends BaseFieldsForm {
|
|
|
5079
5079
|
});
|
|
5080
5080
|
}
|
|
5081
5081
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsHidden, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5082
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: FieldsHidden, isStandalone: true, selector: "fields-hidden", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5082
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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"] });
|
|
5083
5083
|
}
|
|
5084
5084
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsHidden, decorators: [{
|
|
5085
5085
|
type: Component,
|
|
5086
|
-
args: [{ selector: 'fields-hidden', template: "<div class=\"fieldHidden\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5086
|
+
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"] }]
|
|
5087
5087
|
}], ctorParameters: () => [] });
|
|
5088
5088
|
|
|
5089
5089
|
class FieldsIcon extends BaseFieldsForm {
|
|
@@ -5102,11 +5102,11 @@ class FieldsIcon extends BaseFieldsForm {
|
|
|
5102
5102
|
this.campo()?.onInput?.(this.form());
|
|
5103
5103
|
}
|
|
5104
5104
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5105
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsIcon, isStandalone: true, selector: "fields-icon", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5106
5106
|
}
|
|
5107
5107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsIcon, decorators: [{
|
|
5108
5108
|
type: Component,
|
|
5109
|
-
args: [{ selector: 'fields-icon', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5109
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5110
5110
|
}], ctorParameters: () => [] });
|
|
5111
5111
|
|
|
5112
5112
|
class FieldsMultifactor extends BaseFieldsForm {
|
|
@@ -5193,11 +5193,11 @@ class FieldsMultifactor extends BaseFieldsForm {
|
|
|
5193
5193
|
ev.target?.select();
|
|
5194
5194
|
}
|
|
5195
5195
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultifactor, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5196
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\"\
|
|
5196
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5197
5197
|
}
|
|
5198
5198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultifactor, decorators: [{
|
|
5199
5199
|
type: Component,
|
|
5200
|
-
args: [{ selector: 'fields-multifactor', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5200
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5201
5201
|
}], ctorParameters: () => [], propDecorators: { controle: [{ type: i0.ViewChild, args: ['controle', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
5202
5202
|
|
|
5203
5203
|
class FieldsMultiText extends BaseFieldsForm {
|
|
@@ -5260,11 +5260,11 @@ class FieldsMultiText extends BaseFieldsForm {
|
|
|
5260
5260
|
this.onChangeEmit();
|
|
5261
5261
|
}
|
|
5262
5262
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5263
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultiText, isStandalone: true, selector: "fields-multitext", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5263
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5264
5264
|
}
|
|
5265
5265
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiText, decorators: [{
|
|
5266
5266
|
type: Component,
|
|
5267
|
-
args: [{ selector: 'fields-multitext', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5267
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5268
5268
|
}], ctorParameters: () => [] });
|
|
5269
5269
|
|
|
5270
5270
|
class FieldsNumber extends BaseFieldsForm {
|
|
@@ -5289,11 +5289,11 @@ class FieldsNumber extends BaseFieldsForm {
|
|
|
5289
5289
|
this.campo()?.onInput?.(this.form());
|
|
5290
5290
|
}
|
|
5291
5291
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsNumber, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5292
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsNumber, isStandalone: true, selector: "fields-number", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5292
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5293
5293
|
}
|
|
5294
5294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsNumber, decorators: [{
|
|
5295
5295
|
type: Component,
|
|
5296
|
-
args: [{ selector: 'fields-number', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5296
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5297
5297
|
}], ctorParameters: () => [] });
|
|
5298
5298
|
|
|
5299
5299
|
class FieldsPassword extends BaseFieldsForm {
|
|
@@ -5318,11 +5318,11 @@ class FieldsPassword extends BaseFieldsForm {
|
|
|
5318
5318
|
event.stopPropagation();
|
|
5319
5319
|
}
|
|
5320
5320
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsPassword, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5321
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsPassword, isStandalone: true, selector: "fields-password", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5321
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5322
5322
|
}
|
|
5323
5323
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsPassword, decorators: [{
|
|
5324
5324
|
type: Component,
|
|
5325
|
-
args: [{ selector: 'fields-password', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5325
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5326
5326
|
}], ctorParameters: () => [] });
|
|
5327
5327
|
|
|
5328
5328
|
class FieldsSearch extends BaseFieldsForm {
|
|
@@ -5360,11 +5360,11 @@ class FieldsSearch extends BaseFieldsForm {
|
|
|
5360
5360
|
this.onChangeEmit();
|
|
5361
5361
|
}
|
|
5362
5362
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5363
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\"\
|
|
5363
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5364
5364
|
}
|
|
5365
5365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSearch, decorators: [{
|
|
5366
5366
|
type: Component,
|
|
5367
|
-
args: [{ selector: 'fields-search', imports: [UiListErrors, UiProcurar], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5367
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5368
5368
|
}], ctorParameters: () => [], propDecorators: { searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }] } });
|
|
5369
5369
|
|
|
5370
5370
|
class FieldsSelect extends BaseFieldsForm {
|
|
@@ -5397,11 +5397,11 @@ class FieldsSelect extends BaseFieldsForm {
|
|
|
5397
5397
|
this.onChangeEmit();
|
|
5398
5398
|
}
|
|
5399
5399
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5400
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSelect, isStandalone: true, selector: "fields-select", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5400
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5401
5401
|
}
|
|
5402
5402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSelect, decorators: [{
|
|
5403
5403
|
type: Component,
|
|
5404
|
-
args: [{ selector: 'fields-select', imports: [UiSelect, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5404
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5405
5405
|
}], ctorParameters: () => [] });
|
|
5406
5406
|
|
|
5407
5407
|
class FieldsSlide extends BaseFieldsForm {
|
|
@@ -5431,11 +5431,11 @@ class FieldsSlide extends BaseFieldsForm {
|
|
|
5431
5431
|
}, 1);
|
|
5432
5432
|
}
|
|
5433
5433
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5434
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsSlide, isStandalone: true, selector: "fields-slide", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5434
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5435
5435
|
}
|
|
5436
5436
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsSlide, decorators: [{
|
|
5437
5437
|
type: Component,
|
|
5438
|
-
args: [{ selector: 'fields-slide', imports: [UiSlide, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5438
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5439
5439
|
}], ctorParameters: () => [] });
|
|
5440
5440
|
|
|
5441
5441
|
class FieldsText extends BaseFieldsForm {
|
|
@@ -5454,11 +5454,11 @@ class FieldsText extends BaseFieldsForm {
|
|
|
5454
5454
|
this.campo()?.onInput?.(this.form());
|
|
5455
5455
|
}
|
|
5456
5456
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsText, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5457
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsText, isStandalone: true, selector: "fields-text", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5457
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5458
5458
|
}
|
|
5459
5459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsText, decorators: [{
|
|
5460
5460
|
type: Component,
|
|
5461
|
-
args: [{ selector: 'fields-text', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5461
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5462
5462
|
}], ctorParameters: () => [] });
|
|
5463
5463
|
|
|
5464
5464
|
class FieldsUpload extends BaseFieldsForm {
|
|
@@ -5586,11 +5586,11 @@ class FieldsUpload extends BaseFieldsForm {
|
|
|
5586
5586
|
}
|
|
5587
5587
|
}
|
|
5588
5588
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5589
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\"\
|
|
5589
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5590
5590
|
}
|
|
5591
5591
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsUpload, decorators: [{
|
|
5592
5592
|
type: Component,
|
|
5593
|
-
args: [{ selector: 'fields-upload', imports: [UiDropZone, UiFileList, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5593
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5594
5594
|
}], ctorParameters: () => [], propDecorators: { inputFile: [{ type: i0.ViewChild, args: ['inputFile', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
5595
5595
|
|
|
5596
5596
|
class FieldsTime extends BaseFieldsForm {
|
|
@@ -5609,11 +5609,11 @@ class FieldsTime extends BaseFieldsForm {
|
|
|
5609
5609
|
this.campo()?.onInput?.(this.form());
|
|
5610
5610
|
}
|
|
5611
5611
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5612
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsTime, isStandalone: true, selector: "fields-time", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5612
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5613
5613
|
}
|
|
5614
5614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTime, decorators: [{
|
|
5615
5615
|
type: Component,
|
|
5616
|
-
args: [{ selector: 'fields-time', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5616
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5617
5617
|
}], ctorParameters: () => [] });
|
|
5618
5618
|
|
|
5619
5619
|
class FieldsTextarea extends BaseFieldsForm {
|
|
@@ -5633,11 +5633,11 @@ class FieldsTextarea extends BaseFieldsForm {
|
|
|
5633
5633
|
this.campo()?.onInput?.(this.form());
|
|
5634
5634
|
}
|
|
5635
5635
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5636
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsTextarea, isStandalone: true, selector: "fields-textarea", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5636
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5637
5637
|
}
|
|
5638
5638
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsTextarea, decorators: [{
|
|
5639
5639
|
type: Component,
|
|
5640
|
-
args: [{ selector: 'fields-textarea', imports: [UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5640
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5641
5641
|
}], ctorParameters: () => [] });
|
|
5642
5642
|
|
|
5643
5643
|
class FieldsMultiKV extends BaseFieldsForm {
|
|
@@ -5713,11 +5713,11 @@ class FieldsMultiKV extends BaseFieldsForm {
|
|
|
5713
5713
|
this.onChangeEmit();
|
|
5714
5714
|
}
|
|
5715
5715
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiKV, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5716
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsMultiKV, isStandalone: true, selector: "fields-multikv", usesInheritance: true, ngImport: i0, template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5716
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }] });
|
|
5717
5717
|
}
|
|
5718
5718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsMultiKV, decorators: [{
|
|
5719
5719
|
type: Component,
|
|
5720
|
-
args: [{ selector: 'fields-multikv', imports: [UiButton, UiListErrors], template: "<div class=\"fieldContainer\" [class.isTouched]=\"campo()?.touched\" [class.showTouched]=\"form().showTouched()\"\
|
|
5720
|
+
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(--MasterRadius);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(--MasterRadius);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(--MasterRadius);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"] }]
|
|
5721
5721
|
}], ctorParameters: () => [] });
|
|
5722
5722
|
|
|
5723
5723
|
class FieldsGeneric extends BaseFieldsForm {
|
|
@@ -5767,11 +5767,11 @@ class FieldsGeneric extends BaseFieldsForm {
|
|
|
5767
5767
|
return null;
|
|
5768
5768
|
}
|
|
5769
5769
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsGeneric, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5770
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FieldsGeneric, isStandalone: true, selector: "fields-g", usesInheritance: true, ngImport: i0, template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\
|
|
5770
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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"] }] });
|
|
5771
5771
|
}
|
|
5772
5772
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldsGeneric, decorators: [{
|
|
5773
5773
|
type: Component,
|
|
5774
|
-
args: [{ selector: 'fields-g', imports: [NgComponentOutlet], template: "@if (getComponentForType(campo() ? campo()?.tipo : undefined); as component) {\
|
|
5774
|
+
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}" }]
|
|
5775
5775
|
}] });
|
|
5776
5776
|
|
|
5777
5777
|
class ClassOfPipe {
|
|
@@ -5878,11 +5878,11 @@ class FormControls {
|
|
|
5878
5878
|
}
|
|
5879
5879
|
}
|
|
5880
5880
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormControls, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5881
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\">\
|
|
5881
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterGap);margin-top:var(--MasterGap)}.barStatus{display:flex;flex-direction:row;gap:var(--MasterGap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--MasterGap)}.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(--MasterRadius);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(--MasterRadius)}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" }] });
|
|
5882
5882
|
}
|
|
5883
5883
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormControls, decorators: [{
|
|
5884
5884
|
type: Component,
|
|
5885
|
-
args: [{ selector: 'ui-form-controls', imports: [UiButton, JsonColoridoPipe, ClassOfPipe], template: "<div class=\"areaFormControl\" [class.collapsed]=\"colapsed()\">\
|
|
5885
|
+
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(--MasterGap);margin-top:var(--MasterGap)}.barStatus{display:flex;flex-direction:row;gap:var(--MasterGap);align-items:center}.formColtrols{display:flex;flex-direction:row;gap:var(--MasterGap)}.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(--MasterRadius);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(--MasterRadius)}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"] }]
|
|
5886
5886
|
}], 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 }] }] } });
|
|
5887
5887
|
|
|
5888
5888
|
class FormFilter extends BaseFieldsValues {
|
|
@@ -5921,11 +5921,11 @@ class FormFilter extends BaseFieldsValues {
|
|
|
5921
5921
|
this.onFiltrar();
|
|
5922
5922
|
}
|
|
5923
5923
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFilter, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5924
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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\">\
|
|
5924
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterGap);margin-top:var(--MasterGap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--MasterGap);margin-bottom:var(--MasterGap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--MasterRadius);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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\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"] }] });
|
|
5925
5925
|
}
|
|
5926
5926
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFilter, decorators: [{
|
|
5927
5927
|
type: Component,
|
|
5928
|
-
args: [{ selector: 'fields-form-filter', imports: [UiButton, FieldsGeneric, FormControls], template: "<div class=\"filtrosAtivos\">\
|
|
5928
|
+
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(--MasterGap);margin-top:var(--MasterGap)}.filtrosAtivos{display:flex;flex-wrap:wrap;gap:var(--MasterGap);margin-bottom:var(--MasterGap)}.filtrosAtivos div{display:flex;gap:2px;align-items:center;background-color:var(--sys-high-15);padding:0 0 0 1rem;border-radius:var(--MasterRadius);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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n"] }]
|
|
5929
5929
|
}], 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 }] }] } });
|
|
5930
5930
|
|
|
5931
5931
|
class FormFase {
|
|
@@ -6075,11 +6075,11 @@ class FormFase {
|
|
|
6075
6075
|
return camposNaoEmFases;
|
|
6076
6076
|
}
|
|
6077
6077
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFase, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6078
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()){\
|
|
6078
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterGap)}.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"] }] });
|
|
6079
6079
|
}
|
|
6080
6080
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormFase, decorators: [{
|
|
6081
6081
|
type: Component,
|
|
6082
|
-
args: [{ selector: 'ui-form-fase', imports: [UiButton], template: "@if(isFaseado()){\
|
|
6082
|
+
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(--MasterGap)}.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"] }]
|
|
6083
6083
|
}], 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"] }] } });
|
|
6084
6084
|
|
|
6085
6085
|
class FormAction extends BaseFieldsValues {
|
|
@@ -6223,11 +6223,11 @@ class FormAction extends BaseFieldsValues {
|
|
|
6223
6223
|
this.updateDisabledAction();
|
|
6224
6224
|
}
|
|
6225
6225
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormAction, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6226
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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>\
|
|
6226
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap) * 2);margin-top:var(--MasterGap);margin-bottom:var(--MasterGap);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(--MasterGap) * 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"], 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" }] });
|
|
6227
6227
|
}
|
|
6228
6228
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormAction, decorators: [{
|
|
6229
6229
|
type: Component,
|
|
6230
|
-
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>\
|
|
6230
|
+
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(--MasterGap);margin-top:var(--MasterGap);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(--MasterGap) * 2);margin-top:var(--MasterGap);margin-bottom:var(--MasterGap);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(--MasterGap) * 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"] }]
|
|
6231
6231
|
}], 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 }] }] } });
|
|
6232
6232
|
|
|
6233
6233
|
class FormNoAction extends BaseFieldsValues {
|
|
@@ -6237,11 +6237,11 @@ class FormNoAction extends BaseFieldsValues {
|
|
|
6237
6237
|
}
|
|
6238
6238
|
hasOutline = model(false, ...(ngDevMode ? [{ debugName: "hasOutline" }] : /* istanbul ignore next */ []));
|
|
6239
6239
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormNoAction, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6240
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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()\">\
|
|
6240
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterGap);margin-top:var(--MasterGap)}.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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\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"] }] });
|
|
6241
6241
|
}
|
|
6242
6242
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormNoAction, decorators: [{
|
|
6243
6243
|
type: Component,
|
|
6244
|
-
args: [{ selector: 'fields-form-no-action', imports: [FieldsGeneric, FormControls], template: "<div class=\"g-fields\" [style.--g-fields-min]=\"gmin()\" [style.--g-fields-max]=\"gmax()\">\
|
|
6244
|
+
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(--MasterGap);margin-top:var(--MasterGap)}.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(--MasterRadius);padding:.5rem;gap:var(--MasterGap);margin-top:var(--MasterGap);display:flex;flex-direction:row;flex-wrap:wrap}.areaValues .card{flex:1;overflow:auto}\n"] }]
|
|
6245
6245
|
}], propDecorators: { hasOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOutline", required: false }] }, { type: i0.Output, args: ["hasOutlineChange"] }] } });
|
|
6246
6246
|
|
|
6247
6247
|
class FormatedValues {
|
|
@@ -6385,11 +6385,11 @@ class FormatedValues {
|
|
|
6385
6385
|
return value;
|
|
6386
6386
|
}
|
|
6387
6387
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormatedValues, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6388
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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\">\
|
|
6388
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 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(--MasterGap) / 4);text-align:start}}\n"] });
|
|
6389
6389
|
}
|
|
6390
6390
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormatedValues, decorators: [{
|
|
6391
6391
|
type: Component,
|
|
6392
|
-
args: [{ selector: 'ui-formated-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\
|
|
6392
|
+
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(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 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(--MasterGap) / 4);text-align:start}}\n"] }]
|
|
6393
6393
|
}], 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 }] }] } });
|
|
6394
6394
|
|
|
6395
6395
|
class SingleValues {
|
|
@@ -6440,11 +6440,11 @@ class SingleValues {
|
|
|
6440
6440
|
return value;
|
|
6441
6441
|
}
|
|
6442
6442
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SingleValues, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6443
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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\">\
|
|
6443
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] });
|
|
6444
6444
|
}
|
|
6445
6445
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SingleValues, decorators: [{
|
|
6446
6446
|
type: Component,
|
|
6447
|
-
args: [{ selector: 'ui-single-values', imports: [], template: "<div [class]=\"modo()\" [class.showEntidade]=\"true\">\
|
|
6447
|
+
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(--MasterGap) / 2)}.showEntidade.centro .linhaDado{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.centro .titulo{text-align:end}.showEntidade.esquerda .linhaDado{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--MasterGap) / 2)}.showEntidade.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--MasterGap) / 4)}.showEntidade.grid .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.grid .linhaDado:hover{border:1px solid var(--sys-secondary)}.showEntidade.wrap{display:flex;flex-wrap:wrap;gap:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado{display:flex;flex-direction:column;flex-wrap:wrap;border:1px solid var(--sys-primary-15);border-radius:var(--MasterRadius);padding:calc(var(--MasterGap) / 2)}.showEntidade.wrap .linhaDado:hover{border:1px solid var(--sys-secondary)}\n"] }]
|
|
6448
6448
|
}], 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 }] }] } });
|
|
6449
6449
|
|
|
6450
6450
|
// Tipos mais específicos, enuns, interfaces e funções uteis.
|