appproject-framework 1.0.12 → 1.0.14

package/fesm2022/appproject-framework.mjs

@@ -2606,6 +2606,7 @@ class InputTextComponent extends BaseInputComponent {
     disabled = false;
     console = console;
     itemInput;
+    inputTextControl;
     constructor(renderer) {
         super();
         this.renderer = renderer;
@@ -2687,6 +2688,9 @@ class InputTextComponent extends BaseInputComponent {
         this.type = this.type == "password" ? "text" : "password";
         console.log('type:', this.type);
     }
+    setFocus() {
+        this.inputTextControl.setFocus();
+    }
     copiarClick() {
         // console.log(this.inputTextEdit.nativeElement);
         // console.log(this.inputTextEdit);
@@ -2704,7 +2708,7 @@ class InputTextComponent extends BaseInputComponent {
                 useExisting: InputTextComponent,
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "itemInput", first: true, predicate: ["itemInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<!-- \n se label position = floating colocar padding = 12px \n \n -->\n<div [class]=\"{ 'input-text-padding': !classic }\">\n  <!-- [label]=\"label\"\n      [labelPlacement]=\"labelPosition\" -->\n  @if(classic) {\n  <ion-item #itemInput lines=\"none\"\n    style=\" --background: inherited; --background-focused: transparent; padding-right: 0px;\"\n    [class]=\"itemClass + ' classic'\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \">\n\n    <!--\n    <ion-label class=\"label-focus\" [position]=\"labelPosition\">{{ label }}</ion-label>\n  -->\n    @if (label) {\n    <ion-label style=\"color: var(--input-label-color);\" position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n    }\n\n    <!-- \n    <ion-icon slot=\"start\" name=\"lock-closed\" aria-hidden=\"true\"></ion-icon>\n    -->\n\n    <ion-input #inputText [type]=\"type\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"      \n      (input)=\"writeValue(inputText.value, type)\" [value]=\"data\" (ionBlur)=\"onBlur()\" (ionFocus)=\"entered()\">\n    </ion-input>\n\n\n    @if (showSeePassword) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\n      (click)=\"changeTypeOfInput()\">\n      <ion-icon slot=\"icon-only\" [icon]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n    </ion-button>\n\n    }\n\n    @if (showSeeCopy) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\" (click)=\"copiarClick()\">\n      <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\n    </ion-button>\n\n    }\n\n\n  </ion-item>\n  }\n  @else {\n  <ion-input #inputText [type]=\"type\" [label]=\"label\" [labelPlacement]=\"labelPosition\" fill=\"outline\"\n    [placeholder]=\"placeholder\" class=\"modern\" maxlength=\"{{ max }}\"  \n    [value]=\"data\" mode=\"md\"\n    (input)=\"writeValue(inputText.value, type)\" \n    (ionInput)=\"onInputChange($event)\" \n    (ionBlur)=\"onBlur()\" \n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake-modern' : '' \"\n    [disabled]=\"readonly\" [shape]=\"shape\">\n    @if (icon || iconSrc) {\n    <ion-icon slot=\"start\" [icon]=\"icon\" [src]=\"iconSrc\" aria-hidden=\"true\"></ion-icon>\n    }\n\n    @if (showSeePassword) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\n      (click)=\"changeTypeOfInput()\">\n      <ion-icon slot=\"icon-only\" [icon]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n    </ion-button>\n\n    }\n\n    @if (showSeeCopy) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\" (click)=\"copiarClick()\">\n      <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\n    </ion-button>\n\n    }\n  </ion-input>\n  }\n\n  @if(form) {\n  <div class=\"validation-errors\">\n\n    @for(validation of validation_messages; track validation.type) {\n    <ng-container>\n      @if(form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty ||\n      form.get(formControlName)?.touched)) {\n      <div class=\"error-message\" [ngClass]=\"validationClass\">\n        &#8226; {{ validation.message }}\n      </div>\n      }\n    </ng-container>\n    }\n\n  </div>\n  }\n\n</div>", styles: [".classic .btn-show-password{margin-top:auto;margin-bottom:calc((var(--input-min-height, 30px) - 30px) * .57142857 + 2px);margin-left:4px}\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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+        ], viewQueries: [{ propertyName: "itemInput", first: true, predicate: ["itemInput"], descendants: true, read: ElementRef }, { propertyName: "inputTextControl", first: true, predicate: ["inputText"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<!-- \n se label position = floating colocar padding = 12px \n \n -->\n<div [class]=\"{ 'input-text-padding': !classic }\">\n  <!-- [label]=\"label\"\n      [labelPlacement]=\"labelPosition\" -->\n  @if(classic) {\n  <ion-item #itemInput lines=\"none\"\n    style=\" --background: inherited; --background-focused: transparent; padding-right: 0px;\"\n    [class]=\"itemClass + ' classic'\"\n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \">\n\n    <!--\n    <ion-label class=\"label-focus\" [position]=\"labelPosition\">{{ label }}</ion-label>\n  -->\n    @if (label) {\n    <ion-label style=\"color: var(--input-label-color);\" position=\"{{ labelPosition }}\">{{ label }}</ion-label>\n    }\n\n    <!-- \n    <ion-icon slot=\"start\" name=\"lock-closed\" aria-hidden=\"true\"></ion-icon>\n    -->\n\n    <ion-input #inputText [type]=\"type\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"      \n      (input)=\"writeValue(inputText.value, type)\" [value]=\"data\" (ionBlur)=\"onBlur()\" (ionFocus)=\"entered()\">\n    </ion-input>\n\n\n    @if (showSeePassword) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\n      (click)=\"changeTypeOfInput()\">\n      <ion-icon slot=\"icon-only\" [icon]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n    </ion-button>\n\n    }\n\n    @if (showSeeCopy) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\" (click)=\"copiarClick()\">\n      <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\n    </ion-button>\n\n    }\n\n\n  </ion-item>\n  }\n  @else {\n  <ion-input #inputText [type]=\"type\" [label]=\"label\" [labelPlacement]=\"labelPosition\" fill=\"outline\"\n    [placeholder]=\"placeholder\" class=\"modern\" maxlength=\"{{ max }}\"  \n    [value]=\"data\" mode=\"md\"\n    (input)=\"writeValue(inputText.value, type)\" \n    (ionInput)=\"onInputChange($event)\" \n    (ionBlur)=\"onBlur()\" \n    [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake-modern' : '' \"\n    [disabled]=\"readonly\" [shape]=\"shape\">\n    @if (icon || iconSrc) {\n    <ion-icon slot=\"start\" [icon]=\"icon\" [src]=\"iconSrc\" aria-hidden=\"true\"></ion-icon>\n    }\n\n    @if (showSeePassword) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\"\n      (click)=\"changeTypeOfInput()\">\n      <ion-icon slot=\"icon-only\" [icon]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n    </ion-button>\n\n    }\n\n    @if (showSeeCopy) {\n\n    <ion-button fill=\"clear\" slot=\"end\" aria-label=\"Mostrar/esconder\" class=\"btn-show-password\" (click)=\"copiarClick()\">\n      <ion-icon slot=\"icon-only\" icon=\"copy-outline\"></ion-icon>\n    </ion-button>\n\n    }\n  </ion-input>\n  }\n\n  @if(form) {\n  <div class=\"validation-errors\">\n\n    @for(validation of validation_messages; track validation.type) {\n    <ng-container>\n      @if(form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty ||\n      form.get(formControlName)?.touched)) {\n      <div class=\"error-message\" [ngClass]=\"validationClass\">\n        &#8226; {{ validation.message }}\n      </div>\n      }\n    </ng-container>\n    }\n\n  </div>\n  }\n\n</div>", styles: [".classic .btn-show-password{margin-top:auto;margin-bottom:calc((var(--input-min-height, 30px) - 30px) * .57142857 + 2px);margin-left:4px}\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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
@@ -2722,6 +2726,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
             }], itemInput: [{
                 type: ViewChild,
                 args: ["itemInput", { read: ElementRef }]
+            }], inputTextControl: [{
+                type: ViewChild,
+                args: ["inputText", { read: ElementRef }]
             }] } });
 
 class TreeViewNivelComponent {
@@ -5644,11 +5651,11 @@ class AgendaSemanalComponent {
         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;\">\n    <!-- LEGENDAS -->\n    @if (legendas.length > 0 || textoAjuda) {\n    <ion-row\n        style=\"align-items:center;margin-bottom:8px;padding:6px 4px;min-height:70px;border-bottom:1px solid #cbd5e1;\">\n        @for (legenda of legendas; track legenda.Texto) {\n        <ion-col size=\"auto\">\n            <div style=\"display:flex;align-items:center;gap:5px;\">\n                <span [ngClass]=\"legenda.ClasseCss\"\n                    style=\"display:inline-block;width:18px;height:18px;border:1px solid #64748b;\">\n                </span>\n                <span style=\"font-size:18px;color:#475569;\">\n                    {{ legenda.Texto }}\n                </span>\n            </div>\n        </ion-col>\n        }\n\n        @if (textoAjuda) {\n        <ion-col style=\"display:flex;height:100%;justify-content:end;align-self:end;\">\n            <div style=\"font-size:14px;color:#475569;\">\n                {{ textoAjuda }}\n            </div>\n        </ion-col>\n        }\n    </ion-row>\n    }\n\n    <!-- GRADE -->\n    <div style=\"width:100%;max-height:610px;overflow:auto;border:1px solid #475569;background:#ffffff;\">\n        <table style=\"width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed;font-size:12px;\">\n            <!-- CABE\u00C7ALHO -->\n            <thead style=\"position:sticky;top:0;z-index:10;background:#ffffff;\">\n                <tr>\n                    <!-- M\u00CAS / ANO -->\n                    <th\n                        style=\"width:90px;height:64px;padding:2px;border-right:1px solid #475569;border-bottom:1px solid #475569;background:#ffffff;\">\n                        <div style=\"font-size:10px;font-weight:400;color:#475569;\">\n                            {{ anoSelecionado }}\n                        </div>\n\n                        <div style=\"display:flex;align-items:center;justify-content:space-between;padding:0 2px;\">\n                            <button type=\"button\" (click)=\"mesAnterior()\"\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\n                                <ion-icon name=\"chevron-back-outline\" style=\"font-size:16px;color:#334155;\">\n                                </ion-icon>\n                            </button>\n\n                            <span style=\"font-size:25px;line-height:1;font-weight:700;color:#84cc16;\">\n                                {{ numeroMes }}\n                            </span>\n\n                            <button type=\"button\" (click)=\"proximoMes()\"\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\n                                <ion-icon name=\"chevron-forward-outline\" style=\"font-size:16px;color:#334155;\">\n                                </ion-icon>\n                            </button>\n                        </div>\n\n                        <div style=\"font-size:9px;color:#475569;margin-top:2px;\">\n                            {{ nomeMes }}\n                        </div>\n                    </th>\n\n                    <!-- DIAS -->\n                    @for (dia of diasSemana; track dia.data.getTime(); let primeiro = $first; let ultimo = $last) {\n                    <th [style.background]=\"dia.hoje ? '#fff7ed' : '#ffffff'\"\n                        style=\"height:64px;padding:3px;border-right:1px solid #475569;border-bottom:1px solid #475569;text-align:center;position:relative;\">\n\n                        @if (primeiro) {\n                        <button type=\"button\" (click)=\"semanaAnterior()\"\n                            style=\"position:absolute;left:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\n                            <ion-icon name=\"chevron-back-outline\" style=\"font-size:15px;color:#334155;\">\n                            </ion-icon>\n                        </button>\n                        }\n\n                        <div (dblclick)=\"aplicarHorariosPadrao(dia.data)\"\n                            [style.color]=\"dia.hoje ? '#fb923c' : '#134e4a'\"\n                            title=\"Duplo clique para aplicar os hor\u00E1rios padr\u00F5es\"\n                            style=\"font-size:24px;font-weight:700;line-height:1.1;cursor:pointer;user-select:none;\">\n                            {{ dia.numero }}\n                        </div>\n\n                        <div [style.color]=\"dia.hoje ? '#fb923c' : '#111827'\"\n                            style=\"font-size:11px;font-weight:700;margin-top:3px;\">\n                            {{ dia.nome }}\n                        </div>\n\n                        @if (ultimo) {\n                        <button type=\"button\" (click)=\"proximaSemana()\"\n                            style=\"position:absolute;right:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\n                            <ion-icon name=\"chevron-forward-outline\" style=\"font-size:15px;color:#334155;\">\n                            </ion-icon>\n                        </button>\n                        }\n                    </th>\n                    }\n                </tr>\n            </thead>\n\n            <!-- CORPO -->\n            <tbody>\n                @for (horario of horarios; track horario) {\n                <tr>\n                    <!-- HOR\u00C1RIO -->\n                    <td\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;\">\n                        {{ horario }}\n                    </td>\n\n                    <!-- DIAS -->\n                    @for (dia of diasSemana; track dia.data.getTime()) {\n                    @let item = getItem(dia.data, horario);\n\n                    <td (dblclick)=\"duploCliqueHorario(dia.data, horario)\" [ngClass]=\"item?.ClasseCss || ''\"\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;\">\n\n                        @if (item?.Texto) {\n                        <div\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;\">\n                            <span\n                                style=\"font-size:9px;font-weight:600;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">\n                                {{ item?.Texto }}\n                            </span>\n                        </div>\n                        }\n                    </td>\n                    }\n                </tr>\n                }\n            </tbody>\n        </table>\n    </div>\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"] }] });
+    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;\">\n    <!-- LEGENDAS -->\n    @if (legendas.length > 0 || textoAjuda) {\n    <ion-row\n        style=\"align-items:center;margin-bottom:8px;padding:6px 4px;min-height:70px;border-bottom:1px solid #cbd5e1;\">\n        @for (legenda of legendas; track legenda.Texto) {\n        <ion-col size=\"auto\">\n            <div style=\"display:flex;align-items:center;gap:5px;\">\n                <span [ngClass]=\"legenda.ClasseCss\"\n                    style=\"display:inline-block;width:18px;height:18px;border:1px solid #64748b;\">\n                </span>\n                <span style=\"font-size:18px;color:#475569;\">\n                    {{ legenda.Texto }}\n                </span>\n            </div>\n        </ion-col>\n        }\n\n        @if (textoAjuda) {\n        <ion-col style=\"display:flex;height:100%;justify-content:end;align-self:end;\">\n            <div style=\"font-size:14px;color:#475569;\">\n                {{ textoAjuda }}\n            </div>\n        </ion-col>\n        }\n    </ion-row>\n    }\n\n    <!-- GRADE -->\n    <div style=\"width:100%;max-height:610px;overflow:auto;border:1px solid #475569;background:#ffffff;\">\n        <table style=\"width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed;font-size:12px;\">\n            <!-- CABE\u00C7ALHO -->\n            <thead style=\"position:sticky;top:0;z-index:10;background:#ffffff;\">\n                <tr>\n                    <!-- M\u00CAS / ANO -->\n                    <th\n                        style=\"width:90px;height:64px;padding:2px;border-right:1px solid #475569;border-bottom:1px solid #475569;background:#ffffff;\">\n                        <div style=\"font-size:10px;font-weight:400;color:#475569;\">\n                            {{ anoSelecionado }}\n                        </div>\n\n                        <div style=\"display:flex;align-items:center;justify-content:space-between;padding:0 2px;\">\n                            <button type=\"button\" (click)=\"mesAnterior()\"\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\n                                <ion-icon name=\"chevron-back-outline\" style=\"font-size:16px;color:#334155;\">\n                                </ion-icon>\n                            </button>\n\n                            <span style=\"font-size:25px;line-height:1;font-weight:700;color:#84cc16;\">\n                                {{ numeroMes }}\n                            </span>\n\n                            <button type=\"button\" (click)=\"proximoMes()\"\n                                style=\"border:0;background:transparent;padding:0;cursor:pointer;\">\n                                <ion-icon name=\"chevron-forward-outline\" style=\"font-size:16px;color:#334155;\">\n                                </ion-icon>\n                            </button>\n                        </div>\n\n                        <div style=\"font-size:9px;color:#475569;margin-top:2px;\">\n                            {{ nomeMes }}\n                        </div>\n                    </th>\n\n                    <!-- DIAS -->\n                    @for (dia of diasSemana; track dia.data.getTime(); let primeiro = $first; let ultimo = $last) {\n                    <th [style.background]=\"dia.hoje ? '#fff7ed' : '#ffffff'\"\n                        style=\"height:64px;padding:3px;border-right:1px solid #475569;border-bottom:1px solid #475569;text-align:center;position:relative;\">\n\n                        @if (primeiro) {\n                        <button type=\"button\" (click)=\"semanaAnterior()\"\n                            style=\"position:absolute;left:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\n                            <ion-icon name=\"chevron-back-outline\" style=\"font-size:15px;color:#334155;\">\n                            </ion-icon>\n                        </button>\n                        }\n\n                        <div (dblclick)=\"aplicarHorariosPadrao(dia.data)\"\n                            [style.color]=\"dia.hoje ? '#fb923c' : '#134e4a'\"\n                            title=\"Duplo clique para aplicar os hor\u00E1rios padr\u00F5es\"\n                            style=\"font-size:24px;font-weight:700;line-height:1.1;cursor:pointer;user-select:none;\">\n                            {{ dia.numero }}\n                        </div>\n\n                        <div [style.color]=\"dia.hoje ? '#fb923c' : '#111827'\"\n                            style=\"font-size:11px;font-weight:700;margin-top:3px;\">\n                            {{ dia.nome }}\n                        </div>\n\n                        @if (ultimo) {\n                        <button type=\"button\" (click)=\"proximaSemana()\"\n                            style=\"position:absolute;right:3px;top:22px;border:0;background:transparent;padding:0;cursor:pointer;\">\n                            <ion-icon name=\"chevron-forward-outline\" style=\"font-size:15px;color:#334155;\">\n                            </ion-icon>\n                        </button>\n                        }\n                    </th>\n                    }\n                </tr>\n            </thead>\n\n            <!-- CORPO -->\n            <tbody>\n                @for (horario of horarios; track horario) {\n                <tr>\n                    <!-- HOR\u00C1RIO -->\n                    <td\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;\">\n                        {{ horario }}\n                    </td>\n\n                    <!-- DIAS -->\n                    @for (dia of diasSemana; track dia.data.getTime()) {\n                    @let item = getItem(dia.data, horario);\n\n                    <td (dblclick)=\"duploCliqueHorario(dia.data, horario)\" [ngClass]=\"item?.ClasseCss || ''\"\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;\">\n\n                        @if (item?.Texto) {\n                        <div\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;\">\n                            <span\n                                style=\"font-size:9px;font-weight:600;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">\n                                {{ item?.Texto }}\n                            </span>\n                        </div>\n                        }\n                    </td>\n                    }\n                </tr>\n                }\n            </tbody>\n        </table>\n    </div>\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"] }]
+            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: [{
@@ -5681,6 +5688,7 @@ class BaseBtnComponent {
     size = 'default';
     iconSlot = 'start';
     color = 'primary';
+    hint = '';
     ngOnInit() {
         return;
     }
@@ -5700,7 +5708,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,
@@ -5729,6 +5737,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 type: Input
             }], color: [{
                 type: Input
+            }], hint: [{
+                type: Input
             }] } });
 
 class BtnActionComponent extends BaseBtnComponent {
@@ -5752,11 +5762,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: [{
@@ -5792,11 +5802,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: [{
@@ -5815,11 +5825,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: [{
@@ -5844,11 +5854,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: [{
@@ -5870,11 +5880,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: [{
@@ -5894,11 +5904,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: [{