appproject-framework 1.0.11 → 1.0.13

package/fesm2022/appproject-framework.mjs

@@ -14,6 +14,8 @@ import { NgClass, DatePipe, DecimalPipe } from '@angular/common';
 import { ClassicEditor, AccessibilityHelp, Alignment, Autoformat, AutoImage, AutoLink, Autosave, BlockQuote, Bold, CloudServices, Code, CodeBlock, Essentials, FindAndReplace, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, Highlight, HorizontalLine, ImageBlock, ImageCaption, ImageInline, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, RemoveFormat, SelectAll, SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, Strikethrough, Style, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, TodoList, Underline, Undo } from 'ckeditor5';
 import * as i1$4 from '@ckeditor/ckeditor5-angular';
 import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
+import { addIcons } from 'ionicons';
+import { chevronForwardOutline, chevronBackOutline } from 'ionicons/icons';
 
 class AppprojectFramework {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AppprojectFramework, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1351,6 +1353,26 @@ class UtilsGeralService {
         });
         //console.log('getFormValues', entity);
     }
+    getFormValidationErrors(form, messages) {
+        let result = [];
+        Object.keys(form.controls).forEach(key => {
+            const controlErrors = form.get(key)?.errors;
+            if (controlErrors != null) {
+                Object.keys(controlErrors).forEach(keyError => {
+                    //console.log('Key control: ' + key + ', keyError: ' + keyError + ', err value: ', controlErrors[keyError]);
+                    if (messages[key]) {
+                        messages[key].forEach((msg) => {
+                            if (msg['type'] == keyError) {
+                                console.log(msg['message']);
+                                result.push(msg['message']);
+                            }
+                        });
+                    }
+                });
+            }
+        });
+        return result;
+    }
     //data hora
     converterDataFromDB(data) {
         if (this.isEmpty(data))
@@ -1922,6 +1944,10 @@ class BaseCadastro extends BasePage {
     salvando = false;
     cadastroServiceBase;
     novoAfterDelete = true;
+    /**
+     * Exibir alert com erros de validação
+     */
+    mostrarValidacao = false;
     //emiter para teste
     entidadePosted = new EventEmitter();
     //construtor
@@ -2028,8 +2054,20 @@ class BaseCadastro extends BasePage {
     }
     afterPesquisaEntidade() {
     }
-    validarRegistro() {
-        return true;
+    async validarRegistro() {
+        if (this.mostrarValidacao) {
+            if (!this.entidadeForm.valid) {
+                const mensagens = this.getFormValidationErrors(this.entidadeForm, this.validation_messages);
+                const valid = await this.alertsBase.showConfirmPromise('Erro...', `Por favor, verifique o formulário.<br>${mensagens.join('<br>')}`, 'Continuar', 'Cancelar');
+                return valid;
+            }
+            else {
+                return true;
+            }
+        }
+        else {
+            return true;
+        }
     }
     ngOnInit() {
         super.ngOnInit();
@@ -2371,6 +2409,26 @@ class BaseCadastro extends BasePage {
         });
         console.log('getFormValues', entity);
     }
+    getFormValidationErrors(form, messages) {
+        let result = [];
+        Object.keys(form.controls).forEach(key => {
+            const controlErrors = form.get(key)?.errors;
+            if (controlErrors != null) {
+                Object.keys(controlErrors).forEach(keyError => {
+                    //console.log('Key control: ' + key + ', keyError: ' + keyError + ', err value: ', controlErrors[keyError]);
+                    if (messages[key]) {
+                        messages[key].forEach((msg) => {
+                            if (msg['type'] == keyError) {
+                                console.log(msg['message']);
+                                result.push(msg['message']);
+                            }
+                        });
+                    }
+                });
+            }
+        });
+        return result;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BaseCadastro, deps: [{ token: 'type' }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: CadastroService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: BaseCadastro, isStandalone: true, selector: "ng-component", inputs: { itensLista: "itensLista", masterId: "masterId" }, outputs: { entidadePosted: "entidadePosted", atualizarItensEvent: "atualizarItensEvent" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
@@ -3651,7 +3709,7 @@ class InputAreaComponent extends BaseInputComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: InputAreaComponent,
                 multi: true
-            }], viewQueries: [{ propertyName: "itemArea", first: true, predicate: ["itemArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"{ 'input-text-padding': !classic }\">\r\n    @if (classic) {\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\" #itemArea>\r\n        <ion-label position=\"{{ labelPosition }}\">{{ label }}\r\n            @if (showObrigatorio) {\r\n            <span \r\n                class=\"label-tip-obrigatorio\">{{\r\n                form?.get(formControlName)?.hasError('required') ? ' \u25CF' : ''}}\r\n            </span>\r\n            }\r\n            </ion-label>\r\n        <!-- formControlName=\"{{ formControlName }}\"  -->\r\n        <textarea #inputArea [placeholder]=\"placeholder\" [maxLength]=\"max\" (ionBlur)=\"onBlur()\" [value]=\"data\"\r\n            [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" [disabled]=\"readonly\" (focus)=\"entered()\"></textarea>\r\n    </ion-item>\r\n    } @else {\r\n\r\n    <ion-textarea #inputArea [label]=\"label\" [labelPlacement]=\"labelPosition\" fill=\"outline\" [maxlength]=\"max\" class=\"modern\"\r\n        [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" (ionBlur)=\"onBlur()\" (ionInput)=\"onInputChange($event)\"\r\n        [value]=\"data\" mode=\"md\" [counter]=\"contador\" [placeholder]=\"placeholder\">\r\n\r\n        @if (icon || iconSrc) {\r\n        <ion-icon slot=\"start\" [icon]=\"icon\" [src]=\"iconSrc\" aria-hidden=\"true\"></ion-icon>\r\n        }\r\n        @if (showSeeCopy) {\r\n\r\n        <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\r\n            (click)=\"copiarClick()\">\r\n            <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\r\n        </ion-button>\r\n\r\n        }\r\n\r\n    </ion-textarea>\r\n\r\n    }\r\n\r\n    @if (form) {\r\n    <div class=\"validation-errors\">\r\n\r\n        @for (validation of validation_messages; track validation.type) {\r\n        <ng-container>\r\n            @if (form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty ||\r\n            form.get(formControlName)?.touched)) {\r\n            <div class=\"error-message\">\r\n                &#8226; {{ validation.message }}\r\n            </div>\r\n            }\r\n        </ng-container>\r\n        }\r\n    </div>\r\n    }\r\n</div>", styles: ["@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-textarea{padding:var(--input-padding)!important;border-radius:4px;width:100%;margin-top:2px}textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;resize:none;background-color:#fff}textarea::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{border-radius:12px;background:var(--scroll-color-thumb, #808080)}textarea::-webkit-scrollbar-thumb:hover{background:var(--scroll-color-hover, #5c5c5c)}textarea:focus{outline:none!important;border:1px solid lightblue!important}textarea:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-input ion-label,.error-shake ion-label{color:red!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}.error-shake-modern{--border-color: var(--input-color-error, red) !important;--color: var(--input-color-error, red) !important;--highlight-color-focused: var(--input-color-error, red) !important;animation:shake .4s 1 linear}.validation-errors{margin-top:4px}ion-label{margin-bottom:var(--label-margin-bottom, 2px)!important;color:var(--label-color, initial)!important}ion-item ion-label{overflow:initial!important}ion-input{text-align:var(--input-text-align, start)}.classic ion-input{background:var(--input-color, white);padding-left:2px!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:30px;min-height:var(--input-min-height, 30px);transition:.2s ease;color:var(--input-font-color, black)}ion-input.modern{--border-color: var(--input-border-color, darkgray);--color: var(--input-font-color, black);--highlight-color-focused: var(--input-highlight-color, #537bc7)}ion-textarea.modern{--border-color: darkgray;--border-color-focused: #00ff00;--border-color-hover: yellow;--color: var(--input-font-color, black);--highlight-color-focused: var(--input-higlight-color, #537bc7);--input-focus-border-color: transparent}.input-text-padding{padding-bottom:var(--input-text-padding-bottom, var(--input-text-default-padding, 16px));padding-left:var(--input-text-padding-left, var(--input-text-default-padding, 16px));padding-right:var(--input-text-padding-right, var(--input-text-default-padding, 16px))}.classic .has-focus{border:1px solid var(--input-focus-border-color, skyblue)!important}.item-has-focus ion-label{color:var(--label-focus-color, blue)!important}.no-padding-end{--inner-padding-end: 0}.no-padding-start{--padding-start: 0px}.item-inner{padding-right:0!important}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px !important;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:auto!important;--min-height: auto !important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}.modal-editar ion-label{min-width:80px}.modal-vldt-editar{margin-left:80px}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-message{font-size:small;color:var(--input-color-error, rgb(212, 79, 79));margin-left:15px}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.native-input[disabled]{opacity:.6!important;background-color:transparent}.item-label-stacked{--min-height: auto}.tipObrigatorio{opacity:.4}[hidden]{display:none!important}\n"], dependencies: [{ kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+            }], viewQueries: [{ propertyName: "itemArea", first: true, predicate: ["itemArea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"{ 'input-text-padding': !classic }\">\r\n    @if (classic) {\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\" #itemArea>\r\n        <ion-label position=\"{{ labelPosition }}\">{{ label }}\r\n            @if (showObrigatorio) {\r\n            <span class=\"label-tip-obrigatorio\">{{\r\n                form?.get(formControlName)?.hasError('required') ? ' \u25CF' : ''}}\r\n            </span>\r\n            }\r\n        </ion-label>\r\n        <!-- formControlName=\"{{ formControlName }}\"  -->\r\n        <textarea #inputArea [placeholder]=\"placeholder\" [maxLength]=\"max\" (ionBlur)=\"onBlur()\" [value]=\"data\"\r\n            [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" [disabled]=\"readonly\" (focus)=\"entered()\"></textarea>\r\n    </ion-item>\r\n    } @else {\r\n\r\n    <ion-textarea #inputArea [label]=\"label\" [labelPlacement]=\"labelPosition\" fill=\"outline\" [maxlength]=\"max\"\r\n        class=\"modern\" [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" (ionBlur)=\"onBlur()\"\r\n        (ionInput)=\"onInputChange($event)\" [value]=\"data\" mode=\"md\" [counter]=\"contador\" [placeholder]=\"placeholder\">\r\n\r\n        @if (icon || iconSrc) {\r\n        <ion-icon slot=\"start\" [icon]=\"icon\" [src]=\"iconSrc\" aria-hidden=\"true\"></ion-icon>\r\n        }\r\n        @if (showSeeCopy) {\r\n\r\n        <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\r\n            (click)=\"copiarClick()\">\r\n            <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\r\n        </ion-button>\r\n\r\n        }\r\n\r\n    </ion-textarea>\r\n\r\n    }\r\n\r\n    @if (form) {\r\n    <div class=\"validation-errors\">\r\n\r\n        @for (validation of validation_messages; track validation.type) {\r\n        <ng-container>\r\n            @if (form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty ||\r\n            form.get(formControlName)?.touched)) {\r\n            <div class=\"error-message\">\r\n                &#8226; {{ validation.message }}\r\n            </div>\r\n            }\r\n        </ng-container>\r\n        }\r\n    </div>\r\n    }\r\n</div>", styles: ["@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-textarea{padding:var(--input-padding)!important;border-radius:4px;width:100%;margin-top:2px}textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;resize:none;background-color:#fff}textarea::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{border-radius:12px;background:var(--scroll-color-thumb, #808080)}textarea::-webkit-scrollbar-thumb:hover{background:var(--scroll-color-hover, #5c5c5c)}textarea:focus{outline:none!important;border:1px solid lightblue!important}textarea:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-input ion-label,.error-shake ion-label{color:red!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}.error-shake-modern{--border-color: var(--input-color-error, red) !important;--color: var(--input-color-error, red) !important;--highlight-color-focused: var(--input-color-error, red) !important;animation:shake .4s 1 linear}.validation-errors{margin-top:4px}ion-label{margin-bottom:var(--label-margin-bottom, 2px)!important;color:var(--label-color, initial)!important}ion-item ion-label{overflow:initial!important}ion-input{text-align:var(--input-text-align, start)}.classic ion-input{background:var(--input-color, white);padding-left:2px!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:30px;min-height:var(--input-min-height, 30px);transition:.2s ease;color:var(--input-font-color, black)}ion-input.modern{--border-color: var(--input-border-color, darkgray);--color: var(--input-font-color, black);--highlight-color-focused: var(--input-highlight-color, #537bc7)}ion-textarea.modern{--border-color: darkgray;--border-color-focused: #00ff00;--border-color-hover: yellow;--color: var(--input-font-color, black);--highlight-color-focused: var(--input-higlight-color, #537bc7);--input-focus-border-color: transparent}.input-text-padding{padding-bottom:var(--input-text-padding-bottom, var(--input-text-default-padding, 16px));padding-left:var(--input-text-padding-left, var(--input-text-default-padding, 16px));padding-right:var(--input-text-padding-right, var(--input-text-default-padding, 16px))}.classic .has-focus{border:1px solid var(--input-focus-border-color, skyblue)!important}.item-has-focus ion-label{color:var(--label-focus-color, blue)!important}.no-padding-end{--inner-padding-end: 0}.no-padding-start{--padding-start: 0px}.item-inner{padding-right:0!important}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px !important;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:auto!important;--min-height: auto !important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}.modal-editar ion-label{min-width:80px}.modal-vldt-editar{margin-left:80px}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-message{font-size:small;color:var(--input-color-error, rgb(212, 79, 79));margin-left:15px}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.native-input[disabled]{opacity:.6!important;background-color:transparent}.item-label-stacked{--min-height: auto}.tipObrigatorio{opacity:.4}[hidden]{display:none!important}\n"], dependencies: [{ kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: InputAreaComponent, decorators: [{
             type: Component,
@@ -3659,7 +3717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: InputAreaComponent,
                             multi: true
-                        }], template: "<div [class]=\"{ 'input-text-padding': !classic }\">\r\n    @if (classic) {\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\" #itemArea>\r\n        <ion-label position=\"{{ labelPosition }}\">{{ label }}\r\n            @if (showObrigatorio) {\r\n            <span \r\n                class=\"label-tip-obrigatorio\">{{\r\n                form?.get(formControlName)?.hasError('required') ? ' \u25CF' : ''}}\r\n            </span>\r\n            }\r\n            </ion-label>\r\n        <!-- formControlName=\"{{ formControlName }}\"  -->\r\n        <textarea #inputArea [placeholder]=\"placeholder\" [maxLength]=\"max\" (ionBlur)=\"onBlur()\" [value]=\"data\"\r\n            [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" [disabled]=\"readonly\" (focus)=\"entered()\"></textarea>\r\n    </ion-item>\r\n    } @else {\r\n\r\n    <ion-textarea #inputArea [label]=\"label\" [labelPlacement]=\"labelPosition\" fill=\"outline\" [maxlength]=\"max\" class=\"modern\"\r\n        [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" (ionBlur)=\"onBlur()\" (ionInput)=\"onInputChange($event)\"\r\n        [value]=\"data\" mode=\"md\" [counter]=\"contador\" [placeholder]=\"placeholder\">\r\n\r\n        @if (icon || iconSrc) {\r\n        <ion-icon slot=\"start\" [icon]=\"icon\" [src]=\"iconSrc\" aria-hidden=\"true\"></ion-icon>\r\n        }\r\n        @if (showSeeCopy) {\r\n\r\n        <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\r\n            (click)=\"copiarClick()\">\r\n            <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\r\n        </ion-button>\r\n\r\n        }\r\n\r\n    </ion-textarea>\r\n\r\n    }\r\n\r\n    @if (form) {\r\n    <div class=\"validation-errors\">\r\n\r\n        @for (validation of validation_messages; track validation.type) {\r\n        <ng-container>\r\n            @if (form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty ||\r\n            form.get(formControlName)?.touched)) {\r\n            <div class=\"error-message\">\r\n                &#8226; {{ validation.message }}\r\n            </div>\r\n            }\r\n        </ng-container>\r\n        }\r\n    </div>\r\n    }\r\n</div>", styles: ["@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-textarea{padding:var(--input-padding)!important;border-radius:4px;width:100%;margin-top:2px}textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;resize:none;background-color:#fff}textarea::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{border-radius:12px;background:var(--scroll-color-thumb, #808080)}textarea::-webkit-scrollbar-thumb:hover{background:var(--scroll-color-hover, #5c5c5c)}textarea:focus{outline:none!important;border:1px solid lightblue!important}textarea:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-input ion-label,.error-shake ion-label{color:red!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}.error-shake-modern{--border-color: var(--input-color-error, red) !important;--color: var(--input-color-error, red) !important;--highlight-color-focused: var(--input-color-error, red) !important;animation:shake .4s 1 linear}.validation-errors{margin-top:4px}ion-label{margin-bottom:var(--label-margin-bottom, 2px)!important;color:var(--label-color, initial)!important}ion-item ion-label{overflow:initial!important}ion-input{text-align:var(--input-text-align, start)}.classic ion-input{background:var(--input-color, white);padding-left:2px!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:30px;min-height:var(--input-min-height, 30px);transition:.2s ease;color:var(--input-font-color, black)}ion-input.modern{--border-color: var(--input-border-color, darkgray);--color: var(--input-font-color, black);--highlight-color-focused: var(--input-highlight-color, #537bc7)}ion-textarea.modern{--border-color: darkgray;--border-color-focused: #00ff00;--border-color-hover: yellow;--color: var(--input-font-color, black);--highlight-color-focused: var(--input-higlight-color, #537bc7);--input-focus-border-color: transparent}.input-text-padding{padding-bottom:var(--input-text-padding-bottom, var(--input-text-default-padding, 16px));padding-left:var(--input-text-padding-left, var(--input-text-default-padding, 16px));padding-right:var(--input-text-padding-right, var(--input-text-default-padding, 16px))}.classic .has-focus{border:1px solid var(--input-focus-border-color, skyblue)!important}.item-has-focus ion-label{color:var(--label-focus-color, blue)!important}.no-padding-end{--inner-padding-end: 0}.no-padding-start{--padding-start: 0px}.item-inner{padding-right:0!important}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px !important;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:auto!important;--min-height: auto !important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}.modal-editar ion-label{min-width:80px}.modal-vldt-editar{margin-left:80px}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-message{font-size:small;color:var(--input-color-error, rgb(212, 79, 79));margin-left:15px}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.native-input[disabled]{opacity:.6!important;background-color:transparent}.item-label-stacked{--min-height: auto}.tipObrigatorio{opacity:.4}[hidden]{display:none!important}\n"] }]
+                        }], template: "<div [class]=\"{ 'input-text-padding': !classic }\">\r\n    @if (classic) {\r\n    <ion-item lines=\"none\" style=\"--background-focused: transparent;\" [class]=\"itemClass\" #itemArea>\r\n        <ion-label position=\"{{ labelPosition }}\">{{ label }}\r\n            @if (showObrigatorio) {\r\n            <span class=\"label-tip-obrigatorio\">{{\r\n                form?.get(formControlName)?.hasError('required') ? ' \u25CF' : ''}}\r\n            </span>\r\n            }\r\n        </ion-label>\r\n        <!-- formControlName=\"{{ formControlName }}\"  -->\r\n        <textarea #inputArea [placeholder]=\"placeholder\" [maxLength]=\"max\" (ionBlur)=\"onBlur()\" [value]=\"data\"\r\n            [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" [disabled]=\"readonly\" (focus)=\"entered()\"></textarea>\r\n    </ion-item>\r\n    } @else {\r\n\r\n    <ion-textarea #inputArea [label]=\"label\" [labelPlacement]=\"labelPosition\" fill=\"outline\" [maxlength]=\"max\"\r\n        class=\"modern\" [rows]=\"linhas\" (input)=\"writeValue(inputArea.value)\" (ionBlur)=\"onBlur()\"\r\n        (ionInput)=\"onInputChange($event)\" [value]=\"data\" mode=\"md\" [counter]=\"contador\" [placeholder]=\"placeholder\">\r\n\r\n        @if (icon || iconSrc) {\r\n        <ion-icon slot=\"start\" [icon]=\"icon\" [src]=\"iconSrc\" aria-hidden=\"true\"></ion-icon>\r\n        }\r\n        @if (showSeeCopy) {\r\n\r\n        <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\r\n            (click)=\"copiarClick()\">\r\n            <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\r\n        </ion-button>\r\n\r\n        }\r\n\r\n    </ion-textarea>\r\n\r\n    }\r\n\r\n    @if (form) {\r\n    <div class=\"validation-errors\">\r\n\r\n        @for (validation of validation_messages; track validation.type) {\r\n        <ng-container>\r\n            @if (form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty ||\r\n            form.get(formControlName)?.touched)) {\r\n            <div class=\"error-message\">\r\n                &#8226; {{ validation.message }}\r\n            </div>\r\n            }\r\n        </ng-container>\r\n        }\r\n    </div>\r\n    }\r\n</div>", styles: ["@charset \"UTF-8\";ion-label{margin-bottom:4px!important}ion-textarea{padding:var(--input-padding)!important;border-radius:4px;width:100%;margin-top:2px}textarea{padding:var(--input-padding, 8px)!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;resize:none;background-color:#fff}textarea::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar-track{background:#f1f1f1}textarea::-webkit-scrollbar-thumb{border-radius:12px;background:var(--scroll-color-thumb, #808080)}textarea::-webkit-scrollbar-thumb:hover{background:var(--scroll-color-hover, #5c5c5c)}textarea:focus{outline:none!important;border:1px solid lightblue!important}textarea:focus ion-label{color:var(--ion-color-label-focus, blue)!important}.item-has-focus ion-label{color:var(--ion-color-label-focus, blue)!important}\n", "@charset \"UTF-8\";@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}.error-input ion-label,.error-shake ion-label{color:red!important}.error-input ion-input,.error-shake ion-input{border:1px solid red!important}.error-shake ion-input{animation:shake .4s 1 linear}.error-shake-modern{--border-color: var(--input-color-error, red) !important;--color: var(--input-color-error, red) !important;--highlight-color-focused: var(--input-color-error, red) !important;animation:shake .4s 1 linear}.validation-errors{margin-top:4px}ion-label{margin-bottom:var(--label-margin-bottom, 2px)!important;color:var(--label-color, initial)!important}ion-item ion-label{overflow:initial!important}ion-input{text-align:var(--input-text-align, start)}.classic ion-input{background:var(--input-color, white);padding-left:2px!important;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:30px;min-height:var(--input-min-height, 30px);transition:.2s ease;color:var(--input-font-color, black)}ion-input.modern{--border-color: var(--input-border-color, darkgray);--color: var(--input-font-color, black);--highlight-color-focused: var(--input-highlight-color, #537bc7)}ion-textarea.modern{--border-color: darkgray;--border-color-focused: #00ff00;--border-color-hover: yellow;--color: var(--input-font-color, black);--highlight-color-focused: var(--input-higlight-color, #537bc7);--input-focus-border-color: transparent}.input-text-padding{padding-bottom:var(--input-text-padding-bottom, var(--input-text-default-padding, 16px));padding-left:var(--input-text-padding-left, var(--input-text-default-padding, 16px));padding-right:var(--input-text-padding-right, var(--input-text-default-padding, 16px))}.classic .has-focus{border:1px solid var(--input-focus-border-color, skyblue)!important}.item-has-focus ion-label{color:var(--label-focus-color, blue)!important}.no-padding-end{--inner-padding-end: 0}.no-padding-start{--padding-start: 0px}.item-inner{padding-right:0!important}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px !important;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:auto!important;--min-height: auto !important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}.modal-editar ion-label{min-width:80px}.modal-vldt-editar{margin-left:80px}.label-right ion-label{transform-origin:right top;align-self:flex-end;margin-bottom:4%!important}.align-to-right ion-label{position:relative;left:25%;text-align:end}.error-message{font-size:small;color:var(--input-color-error, rgb(212, 79, 79));margin-left:15px}.item-interactive-disabled ion-label{opacity:var(--item-disabled-opacity, .6)}.native-input[disabled]{opacity:.6!important;background-color:transparent}.item-label-stacked{--min-height: auto}.tipObrigatorio{opacity:.4}[hidden]{display:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { linhas: [{
                 type: Input
             }], contador: [{
@@ -5380,6 +5438,237 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 args: ['inputNome', { read: ElementRef, static: true }]
             }] } });
 
+class AgendaSemanalComponent {
+    alertController;
+    itens = [];
+    legendas = [];
+    textoAjuda = '';
+    horaInicio = 6;
+    horaFim = 23;
+    intervaloMinutos = 30;
+    horariosPadrao = [];
+    horarioSelecionado = new EventEmitter();
+    itemSelecionado = new EventEmitter();
+    nomesMeses = [
+        'Janeiro',
+        'Fevereiro',
+        'Março',
+        'Abril',
+        'Maio',
+        'Junho',
+        'Julho',
+        'Agosto',
+        'Setembro',
+        'Outubro',
+        'Novembro',
+        'Dezembro'
+    ];
+    nomesDias = [
+        'Dom',
+        'Seg',
+        'Ter',
+        'Qua',
+        'Qui',
+        'Sex',
+        'Sáb'
+    ];
+    mesSelecionado = 0;
+    anoSelecionado = 0;
+    dataReferenciaSemana = new Date();
+    diasSemana = [];
+    horarios = [];
+    constructor(alertController) {
+        this.alertController = alertController;
+        addIcons({
+            chevronBackOutline,
+            chevronForwardOutline
+        });
+    }
+    ngOnInit() {
+        const hoje = new Date();
+        hoje.setHours(0, 0, 0, 0);
+        this.dataReferenciaSemana = this.obterSegundaFeira(hoje);
+        this.atualizarMesAno(this.dataReferenciaSemana);
+        this.gerarHorarios();
+        this.gerarSemana(this.dataReferenciaSemana);
+    }
+    get nomeMes() {
+        return this.nomesMeses[this.mesSelecionado];
+    }
+    get numeroMes() {
+        return (this.mesSelecionado + 1).toString().padStart(2, '0');
+    }
+    mesAnterior() {
+        const novaData = new Date(this.dataReferenciaSemana);
+        novaData.setDate(novaData.getDate() - 30);
+        this.gerarSemana(novaData);
+        this.atualizarMesAno(this.dataReferenciaSemana);
+    }
+    proximoMes() {
+        const novaData = new Date(this.dataReferenciaSemana);
+        novaData.setDate(novaData.getDate() + 30);
+        this.gerarSemana(novaData);
+        this.atualizarMesAno(this.dataReferenciaSemana);
+    }
+    semanaAnterior() {
+        const novaData = new Date(this.dataReferenciaSemana);
+        novaData.setDate(novaData.getDate() - 7);
+        this.gerarSemana(novaData);
+        this.atualizarMesAno(this.dataReferenciaSemana);
+    }
+    proximaSemana() {
+        const novaData = new Date(this.dataReferenciaSemana);
+        novaData.setDate(novaData.getDate() + 7);
+        this.gerarSemana(novaData);
+        this.atualizarMesAno(this.dataReferenciaSemana);
+    }
+    obterSegundaFeira(data) {
+        const resultado = new Date(data);
+        resultado.setHours(0, 0, 0, 0);
+        const diaSemana = resultado.getDay();
+        const diasVoltar = diaSemana === 0 ? 6 : diaSemana - 1;
+        resultado.setDate(resultado.getDate() - diasVoltar);
+        return resultado;
+    }
+    atualizarMesAno(data) {
+        this.mesSelecionado = data.getMonth();
+        this.anoSelecionado = data.getFullYear();
+    }
+    gerarSemana(dataReferencia) {
+        const segunda = this.obterSegundaFeira(dataReferencia);
+        this.dataReferenciaSemana = new Date(segunda);
+        const domingo = new Date(segunda);
+        domingo.setDate(domingo.getDate() - 1);
+        this.diasSemana = [];
+        for (let i = 0; i < 7; i++) {
+            const data = new Date(domingo);
+            data.setDate(domingo.getDate() + i);
+            this.diasSemana.push({
+                data,
+                numero: data.getDate(),
+                nome: this.nomesDias[data.getDay()],
+                hoje: this.ehHoje(data)
+            });
+        }
+    }
+    gerarHorarios() {
+        this.horarios = [];
+        const minutoInicio = this.horaInicio * 60;
+        const minutoFim = (this.horaFim * 60) + 30;
+        for (let minutoAtual = minutoInicio; minutoAtual <= minutoFim; minutoAtual += this.intervaloMinutos) {
+            const hora = Math.floor(minutoAtual / 60);
+            const minuto = minutoAtual % 60;
+            this.horarios.push(`${hora.toString().padStart(2, '0')}:${minuto.toString().padStart(2, '0')}`);
+        }
+    }
+    ehHoje(data) {
+        const hoje = new Date();
+        return (data.getDate() === hoje.getDate() && data.getMonth() === hoje.getMonth() && data.getFullYear() === hoje.getFullYear());
+    }
+    getItem(dia, horario) {
+        return this.itens.find(item => {
+            if (!item.DataHora) {
+                return false;
+            }
+            const dataHora = new Date(item.DataHora);
+            return (this.mesmaData(dataHora, dia) && this.formatarHorario(dataHora) === horario);
+        });
+    }
+    async aplicarHorariosPadrao(data) {
+        if (!this.horariosPadrao.length) {
+            const alert = await this.alertController.create({
+                header: 'Horários Padrões',
+                message: 'Nenhum horário padrão foi configurado.',
+                buttons: ['OK']
+            });
+            await alert.present();
+            return;
+        }
+        const dataFormatada = new Date(data).toLocaleDateString('pt-BR');
+        const alert = await this.alertController.create({
+            header: 'Horários Padrões',
+            message: `Deseja adicionar os horários padrões no dia ${dataFormatada}?`,
+            buttons: [{ text: 'Cancelar', role: 'cancel' }, { text: 'Adicionar', handler: () => { this.confirmarAplicacaoHorariosPadrao(data); } }]
+        });
+        await alert.present();
+    }
+    confirmarAplicacaoHorariosPadrao(data) {
+        if (!this.horariosPadrao.length) {
+            return;
+        }
+        const horariosExistentes = new Set();
+        this.itens.forEach(item => {
+            if (!item.DataHora) {
+                return;
+            }
+            const dataHora = new Date(item.DataHora);
+            if (!this.mesmaData(dataHora, data)) {
+                return;
+            }
+            horariosExistentes.add(this.formatarHorario(dataHora));
+        });
+        this.horariosPadrao.forEach(horario => {
+            if (!this.horarios.includes(horario)) {
+                return;
+            }
+            if (horariosExistentes.has(horario)) {
+                return;
+            }
+            const dataHora = this.criarDataHora(data, horario);
+            this.horarioSelecionado.emit({ DataHora: dataHora });
+            horariosExistentes.add(horario);
+        });
+    }
+    duploCliqueHorario(dia, horario) {
+        const item = this.getItem(dia, horario);
+        if (item) {
+            this.itemSelecionado.emit({
+                ...item
+            });
+            return;
+        }
+        this.horarioSelecionado.emit({ DataHora: this.criarDataHora(dia, horario) });
+    }
+    criarDataHora(dia, horario) {
+        const data = new Date(dia);
+        const [hora, minuto] = horario.split(':');
+        data.setHours(Number(hora), Number(minuto), 0, 0);
+        return data;
+    }
+    mesmaData(data1, data2) {
+        return (data1.getDate() === data2.getDate() && data1.getMonth() === data2.getMonth() && data1.getFullYear() === data2.getFullYear());
+    }
+    formatarHorario(data) {
+        const hora = data.getHours().toString().padStart(2, '0');
+        const minuto = data.getMinutes().toString().padStart(2, '0');
+        return `${hora}:${minuto}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AgendaSemanalComponent, deps: [{ token: i2.AlertController }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: AgendaSemanalComponent, isStandalone: true, selector: "kb-agenda-semanal", inputs: { itens: "itens", legendas: "legendas", textoAjuda: "textoAjuda", horaInicio: "horaInicio", horaFim: "horaFim", intervaloMinutos: "intervaloMinutos", horariosPadrao: "horariosPadrao" }, outputs: { horarioSelecionado: "horarioSelecionado", itemSelecionado: "itemSelecionado" }, ngImport: i0, template: "<div style=\"width:100%;box-sizing:border-box;\">\r\n    <!-- LEGENDAS -->\r\n    @if (legendas.length > 0 || textoAjuda) {\r\n    <ion-row\r\n        style=\"align-items:center;margin-bottom:8px;padding:6px 4px;min-height:70px;border-bottom:1px solid #cbd5e1;\">\r\n        @for (legenda of legendas; track legenda.Texto) {\r\n        <ion-col size=\"auto\">\r\n            <div style=\"display:flex;align-items:center;gap:5px;\">\r\n                <span [ngClass]=\"legenda.ClasseCss\"\r\n                    style=\"display:inline-block;width:18px;height:18px;border:1px solid #64748b;\">\r\n                </span>\r\n                <span style=\"font-size:18px;color:#475569;\">\r\n                    {{ legenda.Texto }}\r\n                </span>\r\n            </div>\r\n        </ion-col>\r\n        }\r\n\r\n        @if (textoAjuda) {\r\n        <ion-col style=\"display:flex;height:100%;justify-content:end;align-self:end;\">\r\n            <div style=\"font-size:14px;color:#475569;\">\r\n                {{ textoAjuda }}\r\n            </div>\r\n        </ion-col>\r\n        }\r\n    </ion-row>\r\n    }\r\n\r\n    <!-- GRADE -->\r\n    <div style=\"width:100%;max-height:610px;overflow:auto;border:1px solid #475569;background:#ffffff;\">\r\n        <table style=\"width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed;font-size:12px;\">\r\n            <!-- CABE\u00C7ALHO -->\r\n            <thead style=\"position:sticky;top:0;z-index:10;background:#ffffff;\">\r\n                <tr>\r\n                    <!-- M\u00CAS / ANO -->\r\n                    <th\r\n                        style=\"width:90px;height:64px;padding:2px;border-right:1px solid #475569;border-bottom:1px solid #475569;background:#ffffff;\">\r\n                        <div style=\"font-size:10px;font-weight:400;color:#475569;\">\r\n                            {{ anoSelecionado }}\r\n                        </div>\r\n\r\n                        <div style=\"display:flex;align-items:center;justify-content:space-between;padding:0 2px;\">\r\n                            <button type=\"button\" (click)=\"mesAnterior()\"\r\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                                <ion-icon name=\"chevron-back-outline\" style=\"font-size:16px;color:#334155;\">\r\n                                </ion-icon>\r\n                            </button>\r\n\r\n                            <span style=\"font-size:25px;line-height:1;font-weight:700;color:#84cc16;\">\r\n                                {{ numeroMes }}\r\n                            </span>\r\n\r\n                            <button type=\"button\" (click)=\"proximoMes()\"\r\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                                <ion-icon name=\"chevron-forward-outline\" style=\"font-size:16px;color:#334155;\">\r\n                                </ion-icon>\r\n                            </button>\r\n                        </div>\r\n\r\n                        <div style=\"font-size:9px;color:#475569;margin-top:2px;\">\r\n                            {{ nomeMes }}\r\n                        </div>\r\n                    </th>\r\n\r\n                    <!-- DIAS -->\r\n                    @for (dia of diasSemana; track dia.data.getTime(); let primeiro = $first; let ultimo = $last) {\r\n                    <th [style.background]=\"dia.hoje ? '#fff7ed' : '#ffffff'\"\r\n                        style=\"height:64px;padding:3px;border-right:1px solid #475569;border-bottom:1px solid #475569;text-align:center;position:relative;\">\r\n\r\n                        @if (primeiro) {\r\n                        <button type=\"button\" (click)=\"semanaAnterior()\"\r\n                            style=\"position:absolute;left:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                            <ion-icon name=\"chevron-back-outline\" style=\"font-size:15px;color:#334155;\">\r\n                            </ion-icon>\r\n                        </button>\r\n                        }\r\n\r\n                        <div (dblclick)=\"aplicarHorariosPadrao(dia.data)\"\r\n                            [style.color]=\"dia.hoje ? '#fb923c' : '#134e4a'\"\r\n                            title=\"Duplo clique para aplicar os hor\u00E1rios padr\u00F5es\"\r\n                            style=\"font-size:24px;font-weight:700;line-height:1.1;cursor:pointer;user-select:none;\">\r\n                            {{ dia.numero }}\r\n                        </div>\r\n\r\n                        <div [style.color]=\"dia.hoje ? '#fb923c' : '#111827'\"\r\n                            style=\"font-size:11px;font-weight:700;margin-top:3px;\">\r\n                            {{ dia.nome }}\r\n                        </div>\r\n\r\n                        @if (ultimo) {\r\n                        <button type=\"button\" (click)=\"proximaSemana()\"\r\n                            style=\"position:absolute;right:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                            <ion-icon name=\"chevron-forward-outline\" style=\"font-size:15px;color:#334155;\">\r\n                            </ion-icon>\r\n                        </button>\r\n                        }\r\n                    </th>\r\n                    }\r\n                </tr>\r\n            </thead>\r\n\r\n            <!-- CORPO -->\r\n            <tbody>\r\n                @for (horario of horarios; track horario) {\r\n                <tr>\r\n                    <!-- HOR\u00C1RIO -->\r\n                    <td\r\n                        style=\"width:90px;height:29px;padding:1px 4px;text-align:center;font-size:13px;color:#1e293b;background:#ffffff;border-right:1px solid #475569;border-bottom:1px solid #94a3b8;\">\r\n                        {{ horario }}\r\n                    </td>\r\n\r\n                    <!-- DIAS -->\r\n                    @for (dia of diasSemana; track dia.data.getTime()) {\r\n                    @let item = getItem(dia.data, horario);\r\n\r\n                    <td (dblclick)=\"duploCliqueHorario(dia.data, horario)\" [ngClass]=\"item?.ClasseCss || ''\"\r\n                        style=\"height:29px;padding:0;text-align:center;vertical-align:middle;cursor:pointer;border-right:1px solid #475569;border-bottom:1px solid #94a3b8;user-select:none;overflow:hidden;\">\r\n\r\n                        @if (item?.Texto) {\r\n                        <div\r\n                            style=\"width:100%;height:100%;min-height:27px;display:flex;align-items:center;justify-content:center;padding:1px 3px;box-sizing:border-box;overflow:hidden;\">\r\n                            <span\r\n                                style=\"font-size:9px;font-weight:600;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">\r\n                                {{ item?.Texto }}\r\n                            </span>\r\n                        </div>\r\n                        }\r\n                    </td>\r\n                    }\r\n                </tr>\r\n                }\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</div>", styles: [".status-disponivel{background:#8cc63f!important;color:#fff}.status-agendada{background:#f29a52!important;color:#fff}.status-nao-realizada{background:#aeb4b7!important;color:#fff}.status-nao-compareceu{background:#5f91c9!important;color:#fff}.status-sem-prontuario{background:#d00000!important;color:#fff}td:not([class*=status-]):hover{background:#f8fafc}.status-live-agendada,.status-agendada{background:#f29a52!important;color:#fff}.status-realizada{background:#07594f!important;color:#fff}.status-live-nao-realizada{background:#d00000!important;color:#fff}.status-live-realizada{background:#07594f!important;color:#fff}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AgendaSemanalComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [IonIcon, IonCol, IonRow, NgClass], selector: 'kb-agenda-semanal', template: "<div style=\"width:100%;box-sizing:border-box;\">\r\n    <!-- LEGENDAS -->\r\n    @if (legendas.length > 0 || textoAjuda) {\r\n    <ion-row\r\n        style=\"align-items:center;margin-bottom:8px;padding:6px 4px;min-height:70px;border-bottom:1px solid #cbd5e1;\">\r\n        @for (legenda of legendas; track legenda.Texto) {\r\n        <ion-col size=\"auto\">\r\n            <div style=\"display:flex;align-items:center;gap:5px;\">\r\n                <span [ngClass]=\"legenda.ClasseCss\"\r\n                    style=\"display:inline-block;width:18px;height:18px;border:1px solid #64748b;\">\r\n                </span>\r\n                <span style=\"font-size:18px;color:#475569;\">\r\n                    {{ legenda.Texto }}\r\n                </span>\r\n            </div>\r\n        </ion-col>\r\n        }\r\n\r\n        @if (textoAjuda) {\r\n        <ion-col style=\"display:flex;height:100%;justify-content:end;align-self:end;\">\r\n            <div style=\"font-size:14px;color:#475569;\">\r\n                {{ textoAjuda }}\r\n            </div>\r\n        </ion-col>\r\n        }\r\n    </ion-row>\r\n    }\r\n\r\n    <!-- GRADE -->\r\n    <div style=\"width:100%;max-height:610px;overflow:auto;border:1px solid #475569;background:#ffffff;\">\r\n        <table style=\"width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed;font-size:12px;\">\r\n            <!-- CABE\u00C7ALHO -->\r\n            <thead style=\"position:sticky;top:0;z-index:10;background:#ffffff;\">\r\n                <tr>\r\n                    <!-- M\u00CAS / ANO -->\r\n                    <th\r\n                        style=\"width:90px;height:64px;padding:2px;border-right:1px solid #475569;border-bottom:1px solid #475569;background:#ffffff;\">\r\n                        <div style=\"font-size:10px;font-weight:400;color:#475569;\">\r\n                            {{ anoSelecionado }}\r\n                        </div>\r\n\r\n                        <div style=\"display:flex;align-items:center;justify-content:space-between;padding:0 2px;\">\r\n                            <button type=\"button\" (click)=\"mesAnterior()\"\r\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                                <ion-icon name=\"chevron-back-outline\" style=\"font-size:16px;color:#334155;\">\r\n                                </ion-icon>\r\n                            </button>\r\n\r\n                            <span style=\"font-size:25px;line-height:1;font-weight:700;color:#84cc16;\">\r\n                                {{ numeroMes }}\r\n                            </span>\r\n\r\n                            <button type=\"button\" (click)=\"proximoMes()\"\r\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                                <ion-icon name=\"chevron-forward-outline\" style=\"font-size:16px;color:#334155;\">\r\n                                </ion-icon>\r\n                            </button>\r\n                        </div>\r\n\r\n                        <div style=\"font-size:9px;color:#475569;margin-top:2px;\">\r\n                            {{ nomeMes }}\r\n                        </div>\r\n                    </th>\r\n\r\n                    <!-- DIAS -->\r\n                    @for (dia of diasSemana; track dia.data.getTime(); let primeiro = $first; let ultimo = $last) {\r\n                    <th [style.background]=\"dia.hoje ? '#fff7ed' : '#ffffff'\"\r\n                        style=\"height:64px;padding:3px;border-right:1px solid #475569;border-bottom:1px solid #475569;text-align:center;position:relative;\">\r\n\r\n                        @if (primeiro) {\r\n                        <button type=\"button\" (click)=\"semanaAnterior()\"\r\n                            style=\"position:absolute;left:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                            <ion-icon name=\"chevron-back-outline\" style=\"font-size:15px;color:#334155;\">\r\n                            </ion-icon>\r\n                        </button>\r\n                        }\r\n\r\n                        <div (dblclick)=\"aplicarHorariosPadrao(dia.data)\"\r\n                            [style.color]=\"dia.hoje ? '#fb923c' : '#134e4a'\"\r\n                            title=\"Duplo clique para aplicar os hor\u00E1rios padr\u00F5es\"\r\n                            style=\"font-size:24px;font-weight:700;line-height:1.1;cursor:pointer;user-select:none;\">\r\n                            {{ dia.numero }}\r\n                        </div>\r\n\r\n                        <div [style.color]=\"dia.hoje ? '#fb923c' : '#111827'\"\r\n                            style=\"font-size:11px;font-weight:700;margin-top:3px;\">\r\n                            {{ dia.nome }}\r\n                        </div>\r\n\r\n                        @if (ultimo) {\r\n                        <button type=\"button\" (click)=\"proximaSemana()\"\r\n                            style=\"position:absolute;right:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\r\n                            <ion-icon name=\"chevron-forward-outline\" style=\"font-size:15px;color:#334155;\">\r\n                            </ion-icon>\r\n                        </button>\r\n                        }\r\n                    </th>\r\n                    }\r\n                </tr>\r\n            </thead>\r\n\r\n            <!-- CORPO -->\r\n            <tbody>\r\n                @for (horario of horarios; track horario) {\r\n                <tr>\r\n                    <!-- HOR\u00C1RIO -->\r\n                    <td\r\n                        style=\"width:90px;height:29px;padding:1px 4px;text-align:center;font-size:13px;color:#1e293b;background:#ffffff;border-right:1px solid #475569;border-bottom:1px solid #94a3b8;\">\r\n                        {{ horario }}\r\n                    </td>\r\n\r\n                    <!-- DIAS -->\r\n                    @for (dia of diasSemana; track dia.data.getTime()) {\r\n                    @let item = getItem(dia.data, horario);\r\n\r\n                    <td (dblclick)=\"duploCliqueHorario(dia.data, horario)\" [ngClass]=\"item?.ClasseCss || ''\"\r\n                        style=\"height:29px;padding:0;text-align:center;vertical-align:middle;cursor:pointer;border-right:1px solid #475569;border-bottom:1px solid #94a3b8;user-select:none;overflow:hidden;\">\r\n\r\n                        @if (item?.Texto) {\r\n                        <div\r\n                            style=\"width:100%;height:100%;min-height:27px;display:flex;align-items:center;justify-content:center;padding:1px 3px;box-sizing:border-box;overflow:hidden;\">\r\n                            <span\r\n                                style=\"font-size:9px;font-weight:600;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">\r\n                                {{ item?.Texto }}\r\n                            </span>\r\n                        </div>\r\n                        }\r\n                    </td>\r\n                    }\r\n                </tr>\r\n                }\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</div>", styles: [".status-disponivel{background:#8cc63f!important;color:#fff}.status-agendada{background:#f29a52!important;color:#fff}.status-nao-realizada{background:#aeb4b7!important;color:#fff}.status-nao-compareceu{background:#5f91c9!important;color:#fff}.status-sem-prontuario{background:#d00000!important;color:#fff}td:not([class*=status-]):hover{background:#f8fafc}.status-live-agendada,.status-agendada{background:#f29a52!important;color:#fff}.status-realizada{background:#07594f!important;color:#fff}.status-live-nao-realizada{background:#d00000!important;color:#fff}.status-live-realizada{background:#07594f!important;color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i2.AlertController }], propDecorators: { itens: [{
+                type: Input
+            }], legendas: [{
+                type: Input
+            }], textoAjuda: [{
+                type: Input
+            }], horaInicio: [{
+                type: Input
+            }], horaFim: [{
+                type: Input
+            }], intervaloMinutos: [{
+                type: Input
+            }], horariosPadrao: [{
+                type: Input
+            }], horarioSelecionado: [{
+                type: Output
+            }], itemSelecionado: [{
+                type: Output
+            }] } });
+
 class BaseBtnComponent {
     disabled = false;
     type = 'submit';
@@ -5392,6 +5681,7 @@ class BaseBtnComponent {
     size = 'default';
     iconSlot = 'start';
     color = 'primary';
+    hint = '';
     ngOnInit() {
         return;
     }
@@ -5411,7 +5701,7 @@ class BaseBtnComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BaseBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: BaseBtnComponent, isStandalone: true, selector: "ng-component", inputs: { disabled: "disabled", type: "type", icon: "icon", iconSrc: "iconSrc", title: "title", fill: "fill", expand: "expand", size: "size", iconSlot: "iconSlot", color: "color" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: BaseBtnComponent, isStandalone: true, selector: "ng-component", inputs: { disabled: "disabled", type: "type", icon: "icon", iconSrc: "iconSrc", title: "title", fill: "fill", expand: "expand", size: "size", iconSlot: "iconSlot", color: "color", hint: "hint" }, outputs: { btnClick: "btnClick" }, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BaseBtnComponent, decorators: [{
             type: Component,
@@ -5440,6 +5730,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 type: Input
             }], color: [{
                 type: Input
+            }], hint: [{
+                type: Input
             }] } });
 
 class BtnActionComponent extends BaseBtnComponent {
@@ -5463,11 +5755,11 @@ class BtnActionComponent extends BaseBtnComponent {
         this.buttonStyle = '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnActionComponent, isStandalone: true, selector: "kb-btn-action", inputs: { title: "title", color: "color", hidden: "hidden", icon: "icon", iconSrc: "iconSrc", imgSrc: "imgSrc", boxColor: "boxColor", btnMargin: "btnMargin", expand: "expand", iconStyle: "iconStyle", titleStyle: "titleStyle" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    [hidden]=\"hidden\" (click)=\"onClick()\" class=\"kb-btn-action\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? iconSlot : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\" [style]=\"iconStyle\"></ion-icon>\n    }\n    <span [style]=\"titleStyle\">{{ title }}</span>\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? iconSlot : 'icon-only'\" />\n    }\n</ion-button>", styles: ["img{width:24px;margin-right:6px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnActionComponent, isStandalone: true, selector: "kb-btn-action", inputs: { title: "title", color: "color", hidden: "hidden", icon: "icon", iconSrc: "iconSrc", imgSrc: "imgSrc", boxColor: "boxColor", btnMargin: "btnMargin", expand: "expand", iconStyle: "iconStyle", titleStyle: "titleStyle" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    [hidden]=\"hidden\" (click)=\"onClick()\" class=\"kb-btn-action\"\n    [title]=\"hint\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? iconSlot : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\" [style]=\"iconStyle\"></ion-icon>\n    }\n    <span [style]=\"titleStyle\">{{ title }}</span>\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? iconSlot : 'icon-only'\" />\n    }\n</ion-button>", styles: ["img{width:24px;margin-right:6px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kb-btn-action', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    [hidden]=\"hidden\" (click)=\"onClick()\" class=\"kb-btn-action\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? iconSlot : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\" [style]=\"iconStyle\"></ion-icon>\n    }\n    <span [style]=\"titleStyle\">{{ title }}</span>\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? iconSlot : 'icon-only'\" />\n    }\n</ion-button>", styles: ["img{width:24px;margin-right:6px}\n"] }]
+            args: [{ selector: 'kb-btn-action', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    [hidden]=\"hidden\" (click)=\"onClick()\" class=\"kb-btn-action\"\n    [title]=\"hint\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? iconSlot : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\" [style]=\"iconStyle\"></ion-icon>\n    }\n    <span [style]=\"titleStyle\">{{ title }}</span>\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? iconSlot : 'icon-only'\" />\n    }\n</ion-button>", styles: ["img{width:24px;margin-right:6px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], color: [{
@@ -5503,11 +5795,11 @@ class BtnCancelarComponent extends BaseBtnComponent {
         this.type = 'button';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnCancelarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: BtnCancelarComponent, isStandalone: true, selector: "kb-btn-cancelar", inputs: { icon: "icon", title: "title", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \n  [size]=\"size\" class=\"kb-btn-cancelar\"\n  (click)=\"onClick()\"\n  >  \n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button> \n<!-- \n<ion-button color=\"tertiary\" fill=\"outline\" (click)=\"cancelarContato()\" style=\"box-shadow: #6370ff 0px 3px 3px 0.05px\"\n  [disabled]=\"!selectedContato\">\n  <ion-icon src=\"/assets/icon/limpar_purple_24dp.svg\"></ion-icon>\n  Cancelar\n</ion-button>\n-->", styles: ["ion-button{margin:4px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: BtnCancelarComponent, isStandalone: true, selector: "kb-btn-cancelar", inputs: { icon: "icon", title: "title", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \n  [size]=\"size\" class=\"kb-btn-cancelar\"\n  (click)=\"onClick()\"\n  [title]=\"hint\">  \n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button> \n<!-- \n<ion-button color=\"tertiary\" fill=\"outline\" (click)=\"cancelarContato()\" style=\"box-shadow: #6370ff 0px 3px 3px 0.05px\"\n  [disabled]=\"!selectedContato\">\n  <ion-icon src=\"/assets/icon/limpar_purple_24dp.svg\"></ion-icon>\n  Cancelar\n</ion-button>\n-->", styles: ["ion-button{margin:4px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnCancelarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kb-btn-cancelar', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \n  [size]=\"size\" class=\"kb-btn-cancelar\"\n  (click)=\"onClick()\"\n  >  \n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button> \n<!-- \n<ion-button color=\"tertiary\" fill=\"outline\" (click)=\"cancelarContato()\" style=\"box-shadow: #6370ff 0px 3px 3px 0.05px\"\n  [disabled]=\"!selectedContato\">\n  <ion-icon src=\"/assets/icon/limpar_purple_24dp.svg\"></ion-icon>\n  Cancelar\n</ion-button>\n-->", styles: ["ion-button{margin:4px}\n"] }]
+            args: [{ selector: 'kb-btn-cancelar', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" \n  [size]=\"size\" class=\"kb-btn-cancelar\"\n  (click)=\"onClick()\"\n  [title]=\"hint\">  \n  <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [src]=\"iconSrc\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button> \n<!-- \n<ion-button color=\"tertiary\" fill=\"outline\" (click)=\"cancelarContato()\" style=\"box-shadow: #6370ff 0px 3px 3px 0.05px\"\n  [disabled]=\"!selectedContato\">\n  <ion-icon src=\"/assets/icon/limpar_purple_24dp.svg\"></ion-icon>\n  Cancelar\n</ion-button>\n-->", styles: ["ion-button{margin:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { icon: [{
                 type: Input
             }], title: [{
@@ -5526,11 +5818,11 @@ class BtnExcluirComponent extends BaseBtnComponent {
         super();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnExcluirComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnExcluirComponent, isStandalone: true, selector: "kb-btn-excluir", inputs: { type: "type", expand: "expand", icon: "icon", title: "title", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\">\n    @if (icon) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    }\n    {{ title }}\n</ion-button>", styles: ["ion-button{margin:4px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnExcluirComponent, isStandalone: true, selector: "kb-btn-excluir", inputs: { type: "type", expand: "expand", icon: "icon", title: "title", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\"\n    [title]=\"hint\">\n    @if (icon) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    }\n    {{ title }}\n</ion-button>", styles: ["ion-button{margin:4px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnExcluirComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kb-btn-excluir', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\">\n    @if (icon) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    }\n    {{ title }}\n</ion-button>", styles: ["ion-button{margin:4px}\n"] }]
+            args: [{ selector: 'kb-btn-excluir', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\"\n    [title]=\"hint\">\n    @if (icon) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    }\n    {{ title }}\n</ion-button>", styles: ["ion-button{margin:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { type: [{
                 type: Input
             }], expand: [{
@@ -5555,11 +5847,11 @@ class BtnNovoComponent extends BaseBtnComponent {
         this.type = 'button';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnNovoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnNovoComponent, isStandalone: true, selector: "kb-btn-novo", inputs: { title: "title", icon: "icon", iconSrc: "iconSrc", expand: "expand", imgSrc: "imgSrc", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-novo\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    {{ title }}\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnNovoComponent, isStandalone: true, selector: "kb-btn-novo", inputs: { title: "title", icon: "icon", iconSrc: "iconSrc", expand: "expand", imgSrc: "imgSrc", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-novo\"\n    [title]=\"hint\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    {{ title }}\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnNovoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kb-btn-novo', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-novo\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    {{ title }}\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"] }]
+            args: [{ selector: 'kb-btn-novo', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-novo\"\n    [title]=\"hint\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    {{ title }}\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], icon: [{
@@ -5581,11 +5873,11 @@ class BtnSalvarComponent extends BaseBtnComponent {
         super();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnSalvarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: BtnSalvarComponent, isStandalone: true, selector: "kb-btn-salvar", inputs: { btnMargin: "btnMargin", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" [style.margin]=\"btnMargin\" class=\"kb-btn-salvar\">\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button>", styles: [""], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: BtnSalvarComponent, isStandalone: true, selector: "kb-btn-salvar", inputs: { btnMargin: "btnMargin", color: "color" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" [style.margin]=\"btnMargin\" class=\"kb-btn-salvar\"\n    [title]=\"hint\">\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button>", styles: [""], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnSalvarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kb-btn-salvar', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" [style.margin]=\"btnMargin\" class=\"kb-btn-salvar\">\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button>" }]
+            args: [{ selector: 'kb-btn-salvar', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" [style.margin]=\"btnMargin\" class=\"kb-btn-salvar\"\n    [title]=\"hint\">\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\"></ion-icon>\n    {{ title }}\n</ion-button>" }]
         }], ctorParameters: () => [], propDecorators: { btnMargin: [{
                 type: Input
             }], color: [{
@@ -5605,11 +5897,11 @@ class BtnRoundedComponent extends BaseBtnComponent {
         this.type = 'button';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnRoundedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnRoundedComponent, isStandalone: true, selector: "kb-btn-rounded", inputs: { title: "title", icon: "icon", iconSrc: "iconSrc", expand: "expand", imgSrc: "imgSrc", color: "color", fill: "fill" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" shape=\"round\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-rounded\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    <!-- \n    {{ title }}\n     -->\n    @if (title) {\n      <span [innerHTML]=\"title\"></span>\n    }\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: BtnRoundedComponent, isStandalone: true, selector: "kb-btn-rounded", inputs: { title: "title", icon: "icon", iconSrc: "iconSrc", expand: "expand", imgSrc: "imgSrc", color: "color", fill: "fill" }, usesInheritance: true, ngImport: i0, template: "<ion-button [color]=\"color\" [type]=\"type\" shape=\"round\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-rounded\"\n    [title]=\"hint\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    <!-- \n    {{ title }}\n     -->\n    @if (title) {\n      <span [innerHTML]=\"title\"></span>\n    }\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: BtnRoundedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kb-btn-rounded', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" shape=\"round\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-rounded\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    <!-- \n    {{ title }}\n     -->\n    @if (title) {\n      <span [innerHTML]=\"title\"></span>\n    }\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"] }]
+            args: [{ selector: 'kb-btn-rounded', imports: [IonIcon, IonButton,], template: "<ion-button [color]=\"color\" [type]=\"type\" shape=\"round\" [disabled]=\"disabled\" [fill]=\"fill\" [expand]=\"expand\" [size]=\"size\"\n    (click)=\"onClick()\" class=\"kb-btn-rounded\"\n    [title]=\"hint\">\n    @if (icon || iconSrc) {\n    <ion-icon [slot]=\"title ? 'start' : 'icon-only'\" [name]=\"icon\" [src]=\"iconSrc\"></ion-icon>\n    }\n    <!-- \n    {{ title }}\n     -->\n    @if (title) {\n      <span [innerHTML]=\"title\"></span>\n    }\n    @if (imgSrc) {\n    <img [src]=\"imgSrc\" [slot]=\"title ? 'start' : 'icon-only'\" />\n    }\n</ion-button>\n<!-- \n<ion-button (click)=\"novoContato()\" fill=\"outline\" style=\"box-shadow: #4c8dff 0px 3px 3px 0.05px\">\n  <ion-icon slot=\"start\" name=\"person-add\"></ion-icon>\n  Novo\n</ion-button>\n-->", styles: ["img{width:24px;margin-right:6px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{
                 type: Input
             }], icon: [{
@@ -5643,5 +5935,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AppprojectFramework, BaseCadastro, BaseInputComponent, BaseModel, BasePage, BtnActionComponent, BtnCancelarComponent, BtnExcluirComponent, BtnNovoComponent, BtnRoundedComponent, BtnSalvarComponent, CadastroService, DataService, Dominio, EntityEditComponent, EventoCadastro, EventoFoco, GridColuna, GridFiltroValor, GridTabela, GridViewComponent, HtmlCampo, HtmlRow, InputAreaComponent, InputArquivoComponent, InputCepComponent, InputCheckboxComponent, InputFormatComponent, InputHtmlComponent, InputPesquisaComponent, InputRadioComponent, InputSelectComponent, InputTextComponent, InputValorComponent, Intervalo, LibConfigService, LibService, NomePipe, PageResult, PeriodoIntervaloComponent, PesquisaCampo, SafeHtmlPipe, TituloComponent, Tree, UtilsGeralService, UtilsService, ValorFormatPipe, email, formatted, getEmail, getFormatted, getIgnore, getLabel, getMax, getMaxLength, getMin, getMinLength, getPattern, getPlaceholder, getPosicao, getReadOnly, getRequired, getTipo, ignore, label, max, maxLength, min, minLength, pattern, placeholder, posicao, readOnly, required, tipo };
+export { AgendaSemanalComponent, AppprojectFramework, BaseCadastro, BaseInputComponent, BaseModel, BasePage, BtnActionComponent, BtnCancelarComponent, BtnExcluirComponent, BtnNovoComponent, BtnRoundedComponent, BtnSalvarComponent, CadastroService, DataService, Dominio, EntityEditComponent, EventoCadastro, EventoFoco, GridColuna, GridFiltroValor, GridTabela, GridViewComponent, HtmlCampo, HtmlRow, InputAreaComponent, InputArquivoComponent, InputCepComponent, InputCheckboxComponent, InputFormatComponent, InputHtmlComponent, InputPesquisaComponent, InputRadioComponent, InputSelectComponent, InputTextComponent, InputValorComponent, Intervalo, LibConfigService, LibService, NomePipe, PageResult, PeriodoIntervaloComponent, PesquisaCampo, SafeHtmlPipe, TituloComponent, Tree, UtilsGeralService, UtilsService, ValorFormatPipe, email, formatted, getEmail, getFormatted, getIgnore, getLabel, getMax, getMaxLength, getMin, getMinLength, getPattern, getPlaceholder, getPosicao, getReadOnly, getRequired, getTipo, ignore, label, max, maxLength, min, minLength, pattern, placeholder, posicao, readOnly, required, tipo };
 //# sourceMappingURL=appproject-framework.mjs.map