keevo-components 2.0.265 → 2.0.267

package/fesm2022/keevo-components.mjs

@@ -13,7 +13,7 @@ import { Menu, MenuModule } from 'primeng/menu';
 import * as i2$1 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import * as i2$2 from '@angular/forms';
-import { FormGroup, NgControl, FormControlName, FormGroupDirective, FormControlDirective, Validators, FormControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
+import { FormGroup, NgControl, FormControlName, FormGroupDirective, FormControlDirective, Validators, FormControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, FormBuilder, ControlContainer } from '@angular/forms';
 import { finalize, combineLatest, filter, Subject, debounceTime, of, BehaviorSubject, fromEvent, takeUntil, timer } from 'rxjs';
 import * as i1$3 from 'primeng/dynamicdialog';
 import { DynamicDialogModule, DialogService, DynamicDialogRef, DynamicDialogConfig } from 'primeng/dynamicdialog';
@@ -7065,11 +7065,11 @@ class KvSelectButtonsComponent {
         return style;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "optionRefs", predicate: ["optRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\r\n  <div class=\"container\">\r\n    <div class=\"highlight\" [ngStyle]=\"style()\"></div>\r\n\r\n    <div class=\"inner flex gap-1\">\r\n      @for(option of options(); track option.value;) {\r\n        <div \r\n          class=\"option\" \r\n          (click)=\"select(option)\"\r\n          [attr.active]=\"selection() === option.value\"\r\n          #optRef\r\n        >\r\n        <span class=\"flex flex-row align-items-center\">\r\n          @if(option.icon){\r\n            <span class=\"icon material-symbols-outlined\">\r\n              {{ option.icon }}\r\n            </span>\r\n          }\r\n\r\n          {{ option.label }}\r\n\r\n        </span>\r\n\r\n          @if(option.counter){\r\n            <div class=\"counter\" [attr.active]=\"selection() === option.value\">\r\n              {{ option.counter }}\r\n            </div>\r\n          }\r\n        \r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>", styles: [".container{display:inline-flex;position:relative;align-items:center;background:#f1f5f9;border-radius:.5rem;padding:4px;height:2.5rem;box-sizing:border-box}.container .inner{display:flex;position:relative;z-index:1;width:100%}.container .highlight{position:absolute;z-index:0;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;left:0;top:4px;bottom:4px;transition:transform .25s cubic-bezier(.2,0,0,1),width .25s cubic-bezier(.2,0,0,1)}.option{flex:1;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:.875rem;font-weight:500;color:#64748b;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;position:relative;z-index:1;gap:.5rem}.option:hover{color:#444f5f}.option[active=true]{color:#0f172a;font-weight:600}.option[active=true] .icon{color:#0ea5e9}.icon{font-size:1.1rem;margin-right:6px;display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex-shrink:0;color:inherit;transition:color .2s;overflow:hidden}.counter{height:1.125rem;min-width:1.125rem;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:99px;font-size:.75rem;font-weight:700;color:#fff;background:#64748b;transition:background .2s;font-size:.625rem!important}.option[active=true] .counter{background:#0a3a78}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "optionRefs", predicate: ["optRef"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\r\n  <div class=\"container\">\r\n    <div class=\"highlight\" [ngStyle]=\"style()\"></div>\r\n\r\n    <div class=\"inner flex gap-1\">\r\n      @for(option of options(); track option.value;) {\r\n        <div \r\n          class=\"option\" \r\n          (click)=\"select(option)\"\r\n          [attr.active]=\"selection() === option.value\"\r\n          #optRef\r\n        >\r\n        <span class=\"flex flex-row align-items-center\">\r\n          @if(option.icon){\r\n            <span class=\"icon material-symbols-outlined\">\r\n              {{ option.icon }}\r\n            </span>\r\n          }\r\n\r\n          {{ option.label }}\r\n\r\n        </span>\r\n\r\n          @if(option.counter){\r\n            <div class=\"counter\" [attr.active]=\"selection() === option.value\">\r\n              {{ option.counter }}\r\n            </div>\r\n          }\r\n        \r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>", styles: [".container{display:inline-flex;position:relative;align-items:center;background:#f1f5f9;border-radius:.5rem;padding:4px;height:2.5rem;box-sizing:border-box}.container .inner{display:flex;position:relative;z-index:1;width:100%}.container .highlight{position:absolute;z-index:0;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;left:0;top:4px;bottom:4px;transition:transform .25s cubic-bezier(.2,0,0,1),width .25s cubic-bezier(.2,0,0,1)}.option{flex:1;display:flex;align-items:center;justify-content:center;padding:0 .75rem;font-size:.75rem;font-weight:500;color:#64748b;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;position:relative;z-index:1;gap:.5rem}.option:hover{color:#444f5f}.option[active=true]{color:#0f172a;font-weight:600}.option[active=true] .icon{color:#0ea5e9}.icon{font-size:1.1rem;margin-right:4px;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:inherit;transition:color .2s;overflow:hidden}.counter{height:1rem;min-width:1rem;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:99px;font-size:.75rem;font-weight:700;color:#fff;background:#64748b;transition:background .2s;font-size:.625rem!important}.option[active=true] .counter{background:#0a3a78}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\r\n  <div class=\"container\">\r\n    <div class=\"highlight\" [ngStyle]=\"style()\"></div>\r\n\r\n    <div class=\"inner flex gap-1\">\r\n      @for(option of options(); track option.value;) {\r\n        <div \r\n          class=\"option\" \r\n          (click)=\"select(option)\"\r\n          [attr.active]=\"selection() === option.value\"\r\n          #optRef\r\n        >\r\n        <span class=\"flex flex-row align-items-center\">\r\n          @if(option.icon){\r\n            <span class=\"icon material-symbols-outlined\">\r\n              {{ option.icon }}\r\n            </span>\r\n          }\r\n\r\n          {{ option.label }}\r\n\r\n        </span>\r\n\r\n          @if(option.counter){\r\n            <div class=\"counter\" [attr.active]=\"selection() === option.value\">\r\n              {{ option.counter }}\r\n            </div>\r\n          }\r\n        \r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>", styles: [".container{display:inline-flex;position:relative;align-items:center;background:#f1f5f9;border-radius:.5rem;padding:4px;height:2.5rem;box-sizing:border-box}.container .inner{display:flex;position:relative;z-index:1;width:100%}.container .highlight{position:absolute;z-index:0;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;left:0;top:4px;bottom:4px;transition:transform .25s cubic-bezier(.2,0,0,1),width .25s cubic-bezier(.2,0,0,1)}.option{flex:1;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:.875rem;font-weight:500;color:#64748b;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;position:relative;z-index:1;gap:.5rem}.option:hover{color:#444f5f}.option[active=true]{color:#0f172a;font-weight:600}.option[active=true] .icon{color:#0ea5e9}.icon{font-size:1.1rem;margin-right:6px;display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex-shrink:0;color:inherit;transition:color .2s;overflow:hidden}.counter{height:1.125rem;min-width:1.125rem;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:99px;font-size:.75rem;font-weight:700;color:#fff;background:#64748b;transition:background .2s;font-size:.625rem!important}.option[active=true] .counter{background:#0a3a78}\n"] }]
+            args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row justify-content-start\">\r\n  <div class=\"container\">\r\n    <div class=\"highlight\" [ngStyle]=\"style()\"></div>\r\n\r\n    <div class=\"inner flex gap-1\">\r\n      @for(option of options(); track option.value;) {\r\n        <div \r\n          class=\"option\" \r\n          (click)=\"select(option)\"\r\n          [attr.active]=\"selection() === option.value\"\r\n          #optRef\r\n        >\r\n        <span class=\"flex flex-row align-items-center\">\r\n          @if(option.icon){\r\n            <span class=\"icon material-symbols-outlined\">\r\n              {{ option.icon }}\r\n            </span>\r\n          }\r\n\r\n          {{ option.label }}\r\n\r\n        </span>\r\n\r\n          @if(option.counter){\r\n            <div class=\"counter\" [attr.active]=\"selection() === option.value\">\r\n              {{ option.counter }}\r\n            </div>\r\n          }\r\n        \r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>", styles: [".container{display:inline-flex;position:relative;align-items:center;background:#f1f5f9;border-radius:.5rem;padding:4px;height:2.5rem;box-sizing:border-box}.container .inner{display:flex;position:relative;z-index:1;width:100%}.container .highlight{position:absolute;z-index:0;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;left:0;top:4px;bottom:4px;transition:transform .25s cubic-bezier(.2,0,0,1),width .25s cubic-bezier(.2,0,0,1)}.option{flex:1;display:flex;align-items:center;justify-content:center;padding:0 .75rem;font-size:.75rem;font-weight:500;color:#64748b;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;position:relative;z-index:1;gap:.5rem}.option:hover{color:#444f5f}.option[active=true]{color:#0f172a;font-weight:600}.option[active=true] .icon{color:#0ea5e9}.icon{font-size:1.1rem;margin-right:4px;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:inherit;transition:color .2s;overflow:hidden}.counter{height:1rem;min-width:1rem;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:99px;font-size:.75rem;font-weight:700;color:#fff;background:#64748b;transition:background .2s;font-size:.625rem!important}.option[active=true] .counter{background:#0a3a78}\n"] }]
         }], ctorParameters: () => [], propDecorators: { defaultValue: [{
                 type: Input
             }], selectChange: [{
@@ -7115,11 +7115,11 @@ class KvTreeMultiSelectComponent extends BaseComponentMultiSelect {
         this.handleChips();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreeMultiSelectComponent, deps: [{ token: ComponentService }, { token: i2$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreeMultiSelectComponent, selector: "kv-tree-multi-select", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: false, isRequired: false, transformFunction: null }, propagateSelectionDown: { classPropertyName: "propagateSelectionDown", publicName: "propagateSelectionDown", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionUp: { classPropertyName: "propagateSelectionUp", publicName: "propagateSelectionUp", isSignal: true, isRequired: false, transformFunction: null } }, providers: ComponentProviders(KvTreeMultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\n  />\n\n  <p-treeSelect\n    inputId=\"tree-multi-select\"\n    [class]=\"baseInputClass\"\n    [disabled]=\"disabled\"\n    [options]=\"options\"\n    [filter]=\"filter\"\n    [showClear]=\"showClear\"\n    [(ngModel)]=\"value\"\n    (onNodeSelect)=\"selectionChange($event)\"\n    (onNodeUnselect)=\"selectionChange($event)\"\n    (onPanelHide)=\"panelHide($event)\"\n    [appendTo]=\"appendTo\"\n    [metaKeySelection]=\"false\"\n    styleClass=\"inputs\"\n    containerStyleClass=\"inputs\"\n    selectionMode=\"checkbox\"\n    display=\"chip\"\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\n  >\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\n      <div\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\n      >\n        <div\n          #token\n          *ngFor=\"let chip of chips; let i = index\"\n          class=\"p-multiselect-token\"\n        >\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\n\n          <TimesCircleIcon\n            [styleClass]=\"'p-multiselect-token-icon'\"\n            (click)=\"removerChip(chip, $event)\"\n            [attr.data-pc-section]=\"'clearicon'\"\n            [attr.aria-hidden]=\"true\"\n          />\n        </div>\n      </div>\n    </ng-template>\n\n    @for (templateItem of itemTemplates; track $index) {\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\n      @if(templateItem.template) {\n      <ng-container\n        [ngTemplateOutlet]=\"templateItem.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\n      >\n      </ng-container>\n      }\n    </ng-template>\n\n    }\n\n    <ng-template let-node pTemplate=\"default\">\n      {{ node.label }}\n    </ng-template>\n  </p-treeSelect>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: [":host ::ng-deep .disable .p-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog{min-width:320px}::ng-deep *::-webkit-scrollbar{width:5px}::ng-deep *::-webkit-scrollbar-thumb{background-color:#00000080}::ng-deep *::-webkit-scrollbar-track{background-color:#dededebf}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7.TreeSelect, selector: "p-treeSelect", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "component", type: i9$3.TimesCircleIcon, selector: "TimesCircleIcon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTreeMultiSelectComponent, selector: "kv-tree-multi-select", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: false, isRequired: false, transformFunction: null }, propagateSelectionDown: { classPropertyName: "propagateSelectionDown", publicName: "propagateSelectionDown", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionUp: { classPropertyName: "propagateSelectionUp", publicName: "propagateSelectionUp", isSignal: true, isRequired: false, transformFunction: null } }, providers: ComponentProviders(KvTreeMultiSelectComponent), usesInheritance: true, ngImport: i0, template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n\r\n  <p-treeSelect\r\n    inputId=\"tree-multi-select\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onNodeSelect)=\"selectionChange($event)\"\r\n    (onNodeUnselect)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n    [appendTo]=\"appendTo\"\r\n    [metaKeySelection]=\"false\"\r\n    styleClass=\"inputs\"\r\n    containerStyleClass=\"inputs\"\r\n    selectionMode=\"checkbox\"\r\n    display=\"chip\"\r\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  >\r\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\r\n      <div\r\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\r\n      >\r\n        <div\r\n          #token\r\n          *ngFor=\"let chip of chips; let i = index\"\r\n          class=\"p-multiselect-token\"\r\n        >\r\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\r\n\r\n          <TimesCircleIcon\r\n            [styleClass]=\"'p-multiselect-token-icon'\"\r\n            (click)=\"removerChip(chip, $event)\"\r\n            [attr.data-pc-section]=\"'clearicon'\"\r\n            [attr.aria-hidden]=\"true\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    @for (templateItem of itemTemplates; track $index) {\r\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\r\n      @if(templateItem.template) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"templateItem.template\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\r\n      >\r\n      </ng-container>\r\n      }\r\n    </ng-template>\r\n\r\n    }\r\n\r\n    <ng-template let-node pTemplate=\"default\">\r\n      {{ node.label }}\r\n    </ng-template>\r\n  </p-treeSelect>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: [":host ::ng-deep .disable .p-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog{min-width:320px}::ng-deep *::-webkit-scrollbar{width:5px}::ng-deep *::-webkit-scrollbar-thumb{background-color:#00000080}::ng-deep *::-webkit-scrollbar-track{background-color:#dededebf}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7.TreeSelect, selector: "p-treeSelect", inputs: ["inputId", "scrollHeight", "disabled", "metaKeySelection", "variant", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "showTransitionOptions", "hideTransitionOptions", "loading"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "component", type: i9$3.TimesCircleIcon, selector: "TimesCircleIcon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTreeMultiSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-tree-multi-select', providers: ComponentProviders(KvTreeMultiSelectComponent), template: "<span>\n  <kv-label\n    [componentId]=\"componentId\"\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\n  />\n\n  <p-treeSelect\n    inputId=\"tree-multi-select\"\n    [class]=\"baseInputClass\"\n    [disabled]=\"disabled\"\n    [options]=\"options\"\n    [filter]=\"filter\"\n    [showClear]=\"showClear\"\n    [(ngModel)]=\"value\"\n    (onNodeSelect)=\"selectionChange($event)\"\n    (onNodeUnselect)=\"selectionChange($event)\"\n    (onPanelHide)=\"panelHide($event)\"\n    [appendTo]=\"appendTo\"\n    [metaKeySelection]=\"false\"\n    styleClass=\"inputs\"\n    containerStyleClass=\"inputs\"\n    selectionMode=\"checkbox\"\n    display=\"chip\"\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\n  >\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\n      <div\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\n      >\n        <div\n          #token\n          *ngFor=\"let chip of chips; let i = index\"\n          class=\"p-multiselect-token\"\n        >\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\n\n          <TimesCircleIcon\n            [styleClass]=\"'p-multiselect-token-icon'\"\n            (click)=\"removerChip(chip, $event)\"\n            [attr.data-pc-section]=\"'clearicon'\"\n            [attr.aria-hidden]=\"true\"\n          />\n        </div>\n      </div>\n    </ng-template>\n\n    @for (templateItem of itemTemplates; track $index) {\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\n      @if(templateItem.template) {\n      <ng-container\n        [ngTemplateOutlet]=\"templateItem.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\n      >\n      </ng-container>\n      }\n    </ng-template>\n\n    }\n\n    <ng-template let-node pTemplate=\"default\">\n      {{ node.label }}\n    </ng-template>\n  </p-treeSelect>\n\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\n</span>\n<ng-content></ng-content>\n", styles: [":host ::ng-deep .disable .p-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog{min-width:320px}::ng-deep *::-webkit-scrollbar{width:5px}::ng-deep *::-webkit-scrollbar-thumb{background-color:#00000080}::ng-deep *::-webkit-scrollbar-track{background-color:#dededebf}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"] }]
+            args: [{ selector: 'kv-tree-multi-select', providers: ComponentProviders(KvTreeMultiSelectComponent), template: "<span>\r\n  <kv-label\r\n    [componentId]=\"componentId\"\r\n    [label]=\"label && label + (showAsterisk ? '*' : '')\"\r\n  />\r\n\r\n  <p-treeSelect\r\n    inputId=\"tree-multi-select\"\r\n    [class]=\"baseInputClass\"\r\n    [disabled]=\"disabled\"\r\n    [options]=\"options\"\r\n    [filter]=\"filter\"\r\n    [showClear]=\"showClear\"\r\n    [(ngModel)]=\"value\"\r\n    (onNodeSelect)=\"selectionChange($event)\"\r\n    (onNodeUnselect)=\"selectionChange($event)\"\r\n    (onPanelHide)=\"panelHide($event)\"\r\n    [appendTo]=\"appendTo\"\r\n    [metaKeySelection]=\"false\"\r\n    styleClass=\"inputs\"\r\n    containerStyleClass=\"inputs\"\r\n    selectionMode=\"checkbox\"\r\n    display=\"chip\"\r\n    [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n    [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  >\r\n    <ng-template let-value pTemplate=\"value\" class=\"w-full\">\r\n      <div\r\n        class=\"p-multiselect p-multiselect-chip p-multiselect-label w-full flex flex-nowrap\"\r\n      >\r\n        <div\r\n          #token\r\n          *ngFor=\"let chip of chips; let i = index\"\r\n          class=\"p-multiselect-token\"\r\n        >\r\n          <span class=\"p-multiselect-token-label\">{{ chip.label }}</span>\r\n\r\n          <TimesCircleIcon\r\n            [styleClass]=\"'p-multiselect-token-icon'\"\r\n            (click)=\"removerChip(chip, $event)\"\r\n            [attr.data-pc-section]=\"'clearicon'\"\r\n            [attr.aria-hidden]=\"true\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    @for (templateItem of itemTemplates; track $index) {\r\n    <ng-template let-node [pTemplate]=\"templateItem.type\">\r\n      @if(templateItem.template) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"templateItem.template\"\r\n        [ngTemplateOutletContext]=\"{ $implicit: node }\"\r\n      >\r\n      </ng-container>\r\n      }\r\n    </ng-template>\r\n\r\n    }\r\n\r\n    <ng-template let-node pTemplate=\"default\">\r\n      {{ node.label }}\r\n    </ng-template>\r\n  </p-treeSelect>\r\n\r\n  <kv-error [hasError]=\"hasControlError()\">{{ erroMessage() }}</kv-error>\r\n</span>\r\n<ng-content></ng-content>\r\n", styles: [":host ::ng-deep .disable .p-treeselect.p-treeselect-chip .p-treeselect-token .p-icon-wrapper{display:none!important}::ng-deep .p-treeselect.p-treeselect-chip .p-treeselect-token{padding:.1rem .4rem}::ng-deep .p-treeselect-label{padding:0rem;display:flex}::ng-deep .p-treeselect-item{font-size:.875rem;padding:.5rem;text-overflow:ellipsis;width:100%}::ng-deep .p-treeselect{width:100%}::ng-deep p-treeselect p-overlay .p-overlay{max-width:100%}::ng-deep .p-treeselect-items-wrapper .p-treeselect-items{padding:.75rem}::ng-deep .p-treeselect-filter{height:1.875rem}::ng-deep .p-treeselect-panel .p-treeselect-items .p-treeselect-empty-message{padding:.75rem;font-size:.875rem}::ng-deep .p-treeselect-panel .p-treeselect-header{padding:.5rem}:host ::ng-deep .p-chips .p-chips-multiple-container .p-chips-token{padding:.1rem .4rem;transform:translateY(-3px)}:host ::ng-deep .p-chips .p-chips-multiple-container{border:none}:host ::ng-deep .p-chip{background:red;padding:.1rem .4rem;font-size:.875rem;margin-right:.5rem;background:#e5e7eb;color:#4b5563;border-radius:16px;height:15px}::ng-deep .p-multiselect.p-multiselect-chip .p-multiselect-token{padding:.1rem .4rem}:host ::ng-deep .p-multiselect.p-multiselect-chip.p-multiselect-label{border:none}:host ::ng-deep .p-treeselect-label,:host ::ng-deep .p-multiselect-label{width:100%;padding:.09rem .4rem;display:flex}:host ::ng-deep .p-multiselect-token{max-width:max-content}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog{min-width:320px}::ng-deep *::-webkit-scrollbar{width:5px}::ng-deep *::-webkit-scrollbar-thumb{background-color:#00000080}::ng-deep *::-webkit-scrollbar-track{background-color:#dededebf}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}\n"] }]
         }], ctorParameters: () => [{ type: ComponentService }, { type: i2$2.FormBuilder }], propDecorators: { appendTo: [{
                 type: Input
             }], options: [{
@@ -10080,6 +10080,8 @@ class KvImageUploadComponent {
                     }
                 };
                 reader.readAsDataURL(file);
+                if (!this.fileSrc)
+                    this.deleteImage();
             }
             else {
                 // ?! Comportamneto padrão --> Preservar <-- !!!
@@ -14596,11 +14598,11 @@ class KvChipsComponent {
         this.selectionChange.emit(val);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvChipsComponent, isStandalone: true, selector: "kv-chips", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectionChange: "selectionChange" }, ngImport: i0, template: "<div class=\"chip-container\">\r\n  @for (option of options(); track option.value) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"chip\"\r\n      [class.selected]=\"isActive(option)\"\r\n      (click)=\"toggle(option)\"\r\n    >\r\n      {{ option.label }}\r\n    </button>\r\n  }\r\n</div>\r\n", styles: [".chip-container{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;color:#64748b;font-family:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#abbbce;color:#4f5b6d}.chip.selected{background-color:#e0f2fe;border-color:#3b82f6;color:#0b63f3}.chip:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvChipsComponent, isStandalone: true, selector: "kv-chips", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectionChange: "selectionChange" }, ngImport: i0, template: "<div class=\"chip-container\">\r\n  @for (option of options(); track option.value) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"chip\"\r\n      [class.selected]=\"isActive(option)\"\r\n      (click)=\"toggle(option)\"\r\n    >\r\n      {{ option.label }}\r\n    </button>\r\n  }\r\n</div>\r\n", styles: [".chip-container{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;color:#64748b;font-family:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#abbbce;color:#4f5b6d}.chip.selected{background-color:#e0f2fe;border-color:#3b82f6;color:#0b63f3}.chip:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}\n"], viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvChipsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-chips', standalone: true, imports: [], template: "<div class=\"chip-container\">\r\n  @for (option of options(); track option.value) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"chip\"\r\n      [class.selected]=\"isActive(option)\"\r\n      (click)=\"toggle(option)\"\r\n    >\r\n      {{ option.label }}\r\n    </button>\r\n  }\r\n</div>\r\n", styles: [".chip-container{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;color:#64748b;font-family:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#abbbce;color:#4f5b6d}.chip.selected{background-color:#e0f2fe;border-color:#3b82f6;color:#0b63f3}.chip:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}\n"] }]
+            args: [{ selector: 'kv-chips', standalone: true, imports: [], viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }], template: "<div class=\"chip-container\">\r\n  @for (option of options(); track option.value) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"chip\"\r\n      [class.selected]=\"isActive(option)\"\r\n      (click)=\"toggle(option)\"\r\n    >\r\n      {{ option.label }}\r\n    </button>\r\n  }\r\n</div>\r\n", styles: [".chip-container{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1rem;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;color:#64748b;font-family:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#abbbce;color:#4f5b6d}.chip.selected{background-color:#e0f2fe;border-color:#3b82f6;color:#0b63f3}.chip:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}\n"] }]
         }] });
 
 class KvSelectCardsComponent {
@@ -14930,6 +14932,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 args: ['class.kv-item-none']
             }] } });
 
+class KvCardColorComponent {
+    constructor() {
+        this.color = input.required();
+        this.icon = input.required();
+        this.title = input.required();
+        this.subtitle = input();
+        this.value = input();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvCardColorComponent, isStandalone: true, selector: "kv-card-color", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"border-1 border-{{color()}}-100 bg-{{color()}}-50 flex flex-row align-items-start justify-content-between gap-2 p-3 border-round-lg w-full shadow-1\">\r\n\r\n    <span class=\"material-symbols-outlined bg-{{color()}}-400 text-white p-2 border-round-lg text-xl\">{{icon()}}</span>\r\n\r\n    <div class=\"flex flex-column align-items-end\">\r\n        <span class=\"font-bold text-{{color()}}-700\">{{title()}}</span>\r\n        <span class=\"text-xs text-gray-500\">{{subtitle() || '\u00A0'}}</span>\r\n        <span class=\"font-bold mt-2\">{{value() || '\u00A0'}}</span>\r\n    </div>\r\n</div>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardColorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-card-color', standalone: true, imports: [], template: "<div class=\"border-1 border-{{color()}}-100 bg-{{color()}}-50 flex flex-row align-items-start justify-content-between gap-2 p-3 border-round-lg w-full shadow-1\">\r\n\r\n    <span class=\"material-symbols-outlined bg-{{color()}}-400 text-white p-2 border-round-lg text-xl\">{{icon()}}</span>\r\n\r\n    <div class=\"flex flex-column align-items-end\">\r\n        <span class=\"font-bold text-{{color()}}-700\">{{title()}}</span>\r\n        <span class=\"text-xs text-gray-500\">{{subtitle() || '\u00A0'}}</span>\r\n        <span class=\"font-bold mt-2\">{{value() || '\u00A0'}}</span>\r\n    </div>\r\n</div>" }]
+        }] });
+
+class KvProgressBarNewComponent {
+    constructor() {
+        this.currentProgress = input(59);
+        this.totalProgress = input(87);
+        this.size = input('medium');
+        this.percentage = computed(() => {
+            const total = this.totalProgress();
+            if (total === 0)
+                return 0;
+            return Math.min(100, Math.max(0, (this.currentProgress() / total) * 100)).toFixed(2);
+        });
+        this.setSize = computed(() => {
+            let size = this.size();
+            switch (size) {
+                case 'small':
+                    return 'xs';
+                case 'medium':
+                    return 'sm';
+                case 'large':
+                    return 'md';
+                default:
+                    return 'sm';
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvProgressBarNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvProgressBarNewComponent, isStandalone: true, selector: "kv-progress-bar-new", inputs: { currentProgress: { classPropertyName: "currentProgress", publicName: "currentProgress", isSignal: true, isRequired: false, transformFunction: null }, totalProgress: { classPropertyName: "totalProgress", publicName: "totalProgress", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex flex-row align-items-center gap-2 p-2 w-full\">\r\n  <span class=\"text-gray-500 text-{{setSize()}}\">{{ currentProgress() }} de {{ totalProgress() }} |</span>\r\n\r\n  <div class=\"progress-bar\">\r\n    <div class=\"progress-bar-fill\" [style.width.%]=\"percentage()\"></div>\r\n  </div>\r\n\r\n  <span class=\"text-gray-500 text-{{setSize()}}\">{{percentage()}}%</span>\r\n  \r\n</div>\r\n", styles: [".progress-bar{flex:1;height:.5rem;background-color:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0a8765,#0fc288);border-radius:10px;transition:width .3s ease-in-out}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvProgressBarNewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-progress-bar-new', standalone: true, imports: [], template: "<div class=\"flex flex-row align-items-center gap-2 p-2 w-full\">\r\n  <span class=\"text-gray-500 text-{{setSize()}}\">{{ currentProgress() }} de {{ totalProgress() }} |</span>\r\n\r\n  <div class=\"progress-bar\">\r\n    <div class=\"progress-bar-fill\" [style.width.%]=\"percentage()\"></div>\r\n  </div>\r\n\r\n  <span class=\"text-gray-500 text-{{setSize()}}\">{{percentage()}}%</span>\r\n  \r\n</div>\r\n", styles: [".progress-bar{flex:1;height:.5rem;background-color:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0a8765,#0fc288);border-radius:10px;transition:width .3s ease-in-out}\n"] }]
+        }] });
+
 /*
  * Public API Surface of keevo-components
  */
@@ -14941,5 +14992,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseApiService, BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentDropDownExternal, BaseComponentInput, BaseComponentMultiSelect, BasecomponentTable, BreadcrumbsService, CDN_URLS, CUSTOM_FONTS, CapitalizePipe, ChatService, ComponentProviders, ComponentService, CpfCnpjPipe, DEBOUNCE_TIME, DEFAULT_KV_EDITOR_CONFIG, DEFAULT_QUILL_CONFIG, DocsService, DragDirective, DynamicInputDirective, ERROR_MESSAGES, EnumUtils, FONT_SIZES, FormService, ImageCutterService, ImagensService, KeevoComponentsModule, KeevoValidators, KvAccordionComponent, KvAvatarComponent, KvAvatarModule, KvButtonComponent, KvButtonModule, KvButtonPersonalizeComponent, KvButtonPopupComponent, KvButtonSecondaryComponent, KvButtonSuccessComponent, KvButtonsModule, KvCardMessageComponent, KvCardSelectionComponent, KvCardSelectionModule, KvCardsInstructionComponent, KvCarouselComponent, KvCarouselModule, KvChartComponent, KvChartModule, KvCheckComponent, KvChipsComponent, KvConfirmationModalComponent, KvConfirmationModalModule, KvContentViewerComponent, KvContentViewerModule, KvDetailedListComponent, KvDropdownComponent, KvEditorComponent, KvEditorMentionService, KvEditorPdfService, KvEditorQuillService, KvEditorRelatorioService, KvErrorComponent, KvFileUploadComponent, KvFileUploadModule, KvFileUploadNewComponent, KvFileViewerComponent, KvFileViewerModule, KvFileViewerNovoComponent, KvFileViewerNovoModule, KvFilterCardComponent, KvFilterCardModule, KvFilterCardsComponent, KvFilterCardsModule, KvFilterFieldsetComponent, KvFilterFieldsetModule, KvGIconComponent, KvGIconModule, KvHomeCardComponent, KvHomeCardModule, KvIconComponent, KvIconModule, KvImageUploadComponent, KvImageUploadModule, KvInputCalendarComponent, KvInputMaskComponent, KvInputNumberAddonComponent, KvInputNumberComponent, KvInputPasswordComponent, KvInputTextAddonComponent, KvInputTextCheckboxComponent, KvInputTextComponent, KvInputTextareaComponent, KvInputTimeComponent, KvInputsModule, KvInstructionPageComponent, KvKanbanComponent, KvLayoutComponent, KvLayoutModule, KvLoaderComponent, KvLoaderModule, KvLoaderService, KvLoginComponent, KvLoginModule, KvModalComponent, KvModalModule, KvMultiSelectComponent, KvOrgchartComponent, KvOrgchartModule, KvPageFormComponent, KvPageFormModule, KvPageStepperComponent, KvPageStepperodule, KvPickListComponent, KvPickListModule, KvProgressBarAlternativeComponent, KvProgressBarAlternativeModule, KvProgressBarModule, KvRadioGroupComponent, KvReportComponent, KvReportModule, KvSelectButtonComponent, KvSelectButtonsComponent, KvSelectCardsComponent, KvStackedBarChartComponent, KvStepperComponent, KvStepperModule, KvStepsComponent, KvSwitchComponent, KvTableComponent, KvTableDraggableComponent, KvTableDraggableModule, KvTableEditComponent, KvTableEditModule, KvTableExpandableComponent, KvTableExpandableModule, KvTableModule, KvTableViewerComponent, KvTagComponent, KvTagModule, KvTagsComponent, KvTagsModule, KvTimelineComponent, KvTreeEnvironmentComponent, KvTreeMultiSelectComponent, KvTreeViewComponent, KvTreetableComponent, KvTreetableModule, KvWidgetCardComponent, KvWorkspaceModule, KvtreeViewModule, MaskPipe, NoArvoreComponent, NotificationService, ObjectService, OrgChartService, PDF_STYLES, PeriodosChart, PipesModule, PrimeNgModule, ProgressBarComponent, TIMEOUTS, TablePaginate, TelefonePipe, TemplateDirective, TranslatePrimeng, WorkspaceComponent, getOrExecute, kvErrorModule, loading, mapToMenuItem, mapaSeverityColors };
+export { BaseApiService, BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentDropDownExternal, BaseComponentInput, BaseComponentMultiSelect, BasecomponentTable, BreadcrumbsService, CDN_URLS, CUSTOM_FONTS, CapitalizePipe, ChatService, ComponentProviders, ComponentService, CpfCnpjPipe, DEBOUNCE_TIME, DEFAULT_KV_EDITOR_CONFIG, DEFAULT_QUILL_CONFIG, DocsService, DragDirective, DynamicInputDirective, ERROR_MESSAGES, EnumUtils, FONT_SIZES, FormService, ImageCutterService, ImagensService, KeevoComponentsModule, KeevoValidators, KvAccordionComponent, KvAvatarComponent, KvAvatarModule, KvButtonComponent, KvButtonModule, KvButtonPersonalizeComponent, KvButtonPopupComponent, KvButtonSecondaryComponent, KvButtonSuccessComponent, KvButtonsModule, KvCardColorComponent, KvCardMessageComponent, KvCardSelectionComponent, KvCardSelectionModule, KvCardsInstructionComponent, KvCarouselComponent, KvCarouselModule, KvChartComponent, KvChartModule, KvCheckComponent, KvChipsComponent, KvConfirmationModalComponent, KvConfirmationModalModule, KvContentViewerComponent, KvContentViewerModule, KvDetailedListComponent, KvDropdownComponent, KvEditorComponent, KvEditorMentionService, KvEditorPdfService, KvEditorQuillService, KvEditorRelatorioService, KvErrorComponent, KvFileUploadComponent, KvFileUploadModule, KvFileUploadNewComponent, KvFileViewerComponent, KvFileViewerModule, KvFileViewerNovoComponent, KvFileViewerNovoModule, KvFilterCardComponent, KvFilterCardModule, KvFilterCardsComponent, KvFilterCardsModule, KvFilterFieldsetComponent, KvFilterFieldsetModule, KvGIconComponent, KvGIconModule, KvHomeCardComponent, KvHomeCardModule, KvIconComponent, KvIconModule, KvImageUploadComponent, KvImageUploadModule, KvInputCalendarComponent, KvInputMaskComponent, KvInputNumberAddonComponent, KvInputNumberComponent, KvInputPasswordComponent, KvInputTextAddonComponent, KvInputTextCheckboxComponent, KvInputTextComponent, KvInputTextareaComponent, KvInputTimeComponent, KvInputsModule, KvInstructionPageComponent, KvKanbanComponent, KvLayoutComponent, KvLayoutModule, KvLoaderComponent, KvLoaderModule, KvLoaderService, KvLoginComponent, KvLoginModule, KvModalComponent, KvModalModule, KvMultiSelectComponent, KvOrgchartComponent, KvOrgchartModule, KvPageFormComponent, KvPageFormModule, KvPageStepperComponent, KvPageStepperodule, KvPickListComponent, KvPickListModule, KvProgressBarAlternativeComponent, KvProgressBarAlternativeModule, KvProgressBarModule, KvProgressBarNewComponent, KvRadioGroupComponent, KvReportComponent, KvReportModule, KvSelectButtonComponent, KvSelectButtonsComponent, KvSelectCardsComponent, KvStackedBarChartComponent, KvStepperComponent, KvStepperModule, KvStepsComponent, KvSwitchComponent, KvTableComponent, KvTableDraggableComponent, KvTableDraggableModule, KvTableEditComponent, KvTableEditModule, KvTableExpandableComponent, KvTableExpandableModule, KvTableModule, KvTableViewerComponent, KvTagComponent, KvTagModule, KvTagsComponent, KvTagsModule, KvTimelineComponent, KvTreeEnvironmentComponent, KvTreeMultiSelectComponent, KvTreeViewComponent, KvTreetableComponent, KvTreetableModule, KvWidgetCardComponent, KvWorkspaceModule, KvtreeViewModule, MaskPipe, NoArvoreComponent, NotificationService, ObjectService, OrgChartService, PDF_STYLES, PeriodosChart, PipesModule, PrimeNgModule, ProgressBarComponent, TIMEOUTS, TablePaginate, TelefonePipe, TemplateDirective, TranslatePrimeng, WorkspaceComponent, getOrExecute, kvErrorModule, loading, mapToMenuItem, mapaSeverityColors };
 //# sourceMappingURL=keevo-components.mjs.map