appproject-framework 1.0.12 → 1.0.13

package/fesm2022/appproject-framework.mjs

@@ -5644,11 +5644,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 +5681,7 @@ class BaseBtnComponent {
     size = 'default';
     iconSlot = 'start';
     color = 'primary';
+    hint = '';
     ngOnInit() {
         return;
     }
@@ -5700,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,
@@ -5729,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 {
@@ -5752,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: [{
@@ -5792,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: [{
@@ -5815,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: [{
@@ -5844,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: [{
@@ -5870,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: [{
@@ -5894,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: [{