keevo-components 2.0.254 → 2.0.256

package/fesm2022/keevo-components.mjs

@@ -7049,11 +7049,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          @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          @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>\r\n", styles: [".container{-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(10,58,120,.2);border-radius:.5rem;overflow:hidden;padding:.25rem;height:1.875rem}.container .inner{display:flex;gap:.25rem;position:relative;z-index:1}.container .highlight{-webkit-user-select:none;user-select:none;position:absolute;top:.25rem;bottom:.25rem;left:0;border-radius:.25rem;background:#0a3a781a;transition:transform .35s cubic-bezier(.25,1,.5,1),width .35s cubic-bezier(.25,1,.5,1);z-index:0}.option{-webkit-user-select:none;user-select:none;position:relative;z-index:1;gap:.5rem;display:flex;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;color:#64748b;white-space:nowrap;transition:color .3s ease}.option:hover{color:#0a3a78;cursor:pointer}.option[active=true]{color:#0a3a78}.counter{transition:all 1s ease-in-out;z-index:1;height:1rem;aspect-ratio:1/1;-webkit-user-select:none;user-select:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em;color:#fff;background:#212f46;border:2px solid transparent;transition:transform .1s ease-in-out}.icon{font-size:1.2rem}\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 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:flex}.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"] }] }); }
 }
 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          @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          @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>\r\n", styles: [".container{-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(10,58,120,.2);border-radius:.5rem;overflow:hidden;padding:.25rem;height:1.875rem}.container .inner{display:flex;gap:.25rem;position:relative;z-index:1}.container .highlight{-webkit-user-select:none;user-select:none;position:absolute;top:.25rem;bottom:.25rem;left:0;border-radius:.25rem;background:#0a3a781a;transition:transform .35s cubic-bezier(.25,1,.5,1),width .35s cubic-bezier(.25,1,.5,1);z-index:0}.option{-webkit-user-select:none;user-select:none;position:relative;z-index:1;gap:.5rem;display:flex;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;color:#64748b;white-space:nowrap;transition:color .3s ease}.option:hover{color:#0a3a78;cursor:pointer}.option[active=true]{color:#0a3a78}.counter{transition:all 1s ease-in-out;z-index:1;height:1rem;aspect-ratio:1/1;-webkit-user-select:none;user-select:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em;color:#fff;background:#212f46;border:2px solid transparent;transition:transform .1s ease-in-out}.icon{font-size:1.2rem}\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 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:flex}.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"] }]
         }], ctorParameters: () => [], propDecorators: { defaultValue: [{
                 type: Input
             }], selectChange: [{
@@ -14504,11 +14504,11 @@ class KvCardsInstructionComponent {
         this.blackCard = input();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardsInstructionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardsInstructionComponent, isStandalone: true, selector: "kv-cards-instruction", inputs: { whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n  @if (whiteCard()) {\r\n    <div\r\n      class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"whiteCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(whiteCard()?.icon) {\r\n          <span class=\"material-symbols-outlined text-xl\"> {{ whiteCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold\">{{ whiteCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[white-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (blackCard()) {\r\n    <div\r\n      class=\"bg-gray-900 text-white border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"blackCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(blackCard()?.icon) {\r\n          <span class=\"material-symbols-outlined text-xl\"> {{ blackCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold\">{{ blackCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[black-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardsInstructionComponent, isStandalone: true, selector: "kv-cards-instruction", inputs: { whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n  @if (whiteCard()) {\r\n    <div\r\n      class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"whiteCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(whiteCard()?.icon) {\r\n          <span class=\"material-symbols-outlined font-semibold text-xl text-{{whiteCard()?.color || 'blue'}}-600\"> {{ whiteCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold text-sm\">{{ whiteCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[white-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (blackCard()) {\r\n    <div\r\n      class=\"bg-gray-900 text-gray-200 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"blackCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(blackCard()?.icon) {\r\n          <span class=\"material-symbols-outlined font-semibold text-xl\"> {{ blackCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold text-sm\">{{ blackCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[black-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardsInstructionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-cards-instruction', standalone: true, imports: [], template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n  @if (whiteCard()) {\r\n    <div\r\n      class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"whiteCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(whiteCard()?.icon) {\r\n          <span class=\"material-symbols-outlined text-xl\"> {{ whiteCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold\">{{ whiteCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[white-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (blackCard()) {\r\n    <div\r\n      class=\"bg-gray-900 text-white border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"blackCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(blackCard()?.icon) {\r\n          <span class=\"material-symbols-outlined text-xl\"> {{ blackCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold\">{{ blackCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[black-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n" }]
+            args: [{ selector: 'kv-cards-instruction', standalone: true, imports: [], template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n  @if (whiteCard()) {\r\n    <div\r\n      class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"whiteCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(whiteCard()?.icon) {\r\n          <span class=\"material-symbols-outlined font-semibold text-xl text-{{whiteCard()?.color || 'blue'}}-600\"> {{ whiteCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold text-sm\">{{ whiteCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[white-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (blackCard()) {\r\n    <div\r\n      class=\"bg-gray-900 text-gray-200 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n      [style.height.%]=\"blackCard()?.height\"\r\n    >\r\n      <div class=\"flex flex-row align-items-center gap-2\">\r\n        @if(blackCard()?.icon) {\r\n          <span class=\"material-symbols-outlined font-semibold text-xl\"> {{ blackCard()?.icon }}</span>\r\n        }\r\n        <span class=\"font-semibold text-sm\">{{ blackCard()?.title }}</span>\r\n      </div>\r\n\r\n      <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n        <ng-content select=\"[black-card-content]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n" }]
         }] });
 
 class KvInstructionPageComponent {
@@ -14525,11 +14525,66 @@ class KvInstructionPageComponent {
         this.verIntrucoes = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvInstructionPageComponent, isStandalone: true, selector: "kv-instruction-page", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, camposObrigatorios: { classPropertyName: "camposObrigatorios", publicName: "camposObrigatorios", isSignal: true, isRequired: false, transformFunction: null }, whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n  <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n    <div\r\n      class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n        sizeContent()\r\n      }} relative\"\r\n    >\r\n      @if (this.whiteCard() || this.blackCard()) {\r\n        <kv-button\r\n          [severity]=\"'secondary'\"\r\n          [type]=\"'text'\"\r\n          [size]=\"'large'\"\r\n          [icon]=\"'quick_reference'\"\r\n          class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n          (onClick)=\"verIntrucoes = true\"\r\n        >\r\n        </kv-button>\r\n      }\r\n\r\n      <ng-content select=\"[main-content]\"></ng-content>\r\n    </div>\r\n\r\n    <div\r\n      class=\"hidden lg:block w-3 h-full\"\r\n      [class.none]=\"!whiteCard() && !blackCard()\"\r\n    >\r\n      <kv-cards-instruction\r\n        [whiteCard]=\"whiteCard()\"\r\n        [blackCard]=\"blackCard()\"\r\n      >\r\n        <div white-card-content class=\"h-full\">\r\n          <ng-content select=\"[white-card-content]\"></ng-content>\r\n        </div>\r\n        <div black-card-content class=\"h-full\">\r\n          <ng-content select=\"[black-card-content]\"></ng-content>\r\n        </div>\r\n      </kv-cards-instruction>\r\n    </div>\r\n  </div>\r\n\r\n  @if (actions().length > 0) {\r\n    <div\r\n      class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n        camposObrigatorios() ? 'between' : 'end'\r\n      }} align-items-center p-2\"\r\n    >\r\n      @if (camposObrigatorios()) {\r\n        <span class=\"text-xs text-red-500\">* Preenchimento obrigat\u00F3rio</span>\r\n      }\r\n\r\n      <div class=\"flex flex-row justify-content-end gap-2\">\r\n        @for (action of actions().slice().reverse(); track action.index) {\r\n          <kv-button\r\n            [label]=\"action.label || ''\"\r\n            [severity]=\"action.severity || 'tertiary'\"\r\n            [disabled]=\"action.disabled || false\"\r\n            [type]=\"action.type\"\r\n            [size]=\"action.size || 'small'\"\r\n            [icon]=\"action.icon || ''\"\r\n            [iconPosition]=\"action.iconPosition || 'left'\"\r\n            [items]=\"action.items || []\"\r\n            [popup]=\"action.popup || false\"\r\n            [popupIcon]=\"action.popupIcon || false\"\r\n            [fullWidth]=\"action.fullWidth || false\"\r\n            (onClick)=\"action?.command($event)\"\r\n          ></kv-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<p-sidebar\r\n  [(visible)]=\"verIntrucoes\"\r\n  position=\"right\"\r\n  appendTo=\"body\"\r\n  [showCloseIcon]=\"true\"\r\n  styleClass=\"w-30rem\"\r\n>\r\n  <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n    <div white-card-content>\r\n      <ng-content select=\"[white-card-content]\"></ng-content>\r\n    </div>\r\n    <div black-card-content>\r\n      <ng-content select=\"[black-card-content]\"></ng-content>\r\n    </div>\r\n  </kv-cards-instruction>\r\n</p-sidebar>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup", "popupIcon"], outputs: ["iconChange", "onClick"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: KvCardsInstructionComponent, selector: "kv-cards-instruction", inputs: ["whiteCard", "blackCard"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i10$1.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvInstructionPageComponent, isStandalone: true, selector: "kv-instruction-page", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, camposObrigatorios: { classPropertyName: "camposObrigatorios", publicName: "camposObrigatorios", isSignal: true, isRequired: false, transformFunction: null }, whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n  <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n    <div\r\n      class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n        sizeContent()\r\n      }} relative\"\r\n    >\r\n      @if (this.whiteCard() || this.blackCard()) {\r\n        <kv-button\r\n          [severity]=\"'secondary'\"\r\n          [type]=\"'text'\"\r\n          [size]=\"'large'\"\r\n          [icon]=\"'quick_reference'\"\r\n          class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n          (onClick)=\"verIntrucoes = true\"\r\n        >\r\n        </kv-button>\r\n      }\r\n\r\n      <ng-content select=\"[main-content]\"></ng-content>\r\n    </div>\r\n\r\n    <div\r\n      class=\"hidden lg:block w-3 h-full\"\r\n      [class.none]=\"!whiteCard() && !blackCard()\"\r\n    >\r\n      <kv-cards-instruction\r\n        [whiteCard]=\"whiteCard()\"\r\n        [blackCard]=\"blackCard()\"\r\n      >\r\n        <div white-card-content class=\"h-full\">\r\n          <ng-content select=\"[white-card-content]\"></ng-content>\r\n        </div>\r\n        <div black-card-content class=\"h-full\">\r\n          <ng-content select=\"[black-card-content]\"></ng-content>\r\n        </div>\r\n      </kv-cards-instruction>\r\n    </div>\r\n  </div>\r\n\r\n  @if (actions().length > 0) {\r\n    <div\r\n      class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n        camposObrigatorios() ? 'between' : 'end'\r\n      }} align-items-center p-2\"\r\n    >\r\n      @if (camposObrigatorios()) {\r\n        <span class=\"text-xs text-red-500 font-semibold\">* Preenchimento obrigat\u00F3rio</span>\r\n      }\r\n\r\n      <div class=\"flex flex-row justify-content-end gap-2\">\r\n        @for (action of actions().slice().reverse(); track action.index) {\r\n          <kv-button\r\n            [label]=\"action.label || ''\"\r\n            [severity]=\"action.severity || 'tertiary'\"\r\n            [disabled]=\"action.disabled || false\"\r\n            [type]=\"action.type\"\r\n            [size]=\"action.size || 'small'\"\r\n            [icon]=\"action.icon || ''\"\r\n            [iconPosition]=\"action.iconPosition || 'left'\"\r\n            [items]=\"action.items || []\"\r\n            [popup]=\"action.popup || false\"\r\n            [popupIcon]=\"action.popupIcon || false\"\r\n            [fullWidth]=\"action.fullWidth || false\"\r\n            (onClick)=\"action?.command($event)\"\r\n          ></kv-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<p-sidebar\r\n  [(visible)]=\"verIntrucoes\"\r\n  position=\"right\"\r\n  appendTo=\"body\"\r\n  [showCloseIcon]=\"true\"\r\n  styleClass=\"w-30rem\"\r\n>\r\n  <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n    <div white-card-content>\r\n      <ng-content select=\"[white-card-content]\"></ng-content>\r\n    </div>\r\n    <div black-card-content>\r\n      <ng-content select=\"[black-card-content]\"></ng-content>\r\n    </div>\r\n  </kv-cards-instruction>\r\n</p-sidebar>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup", "popupIcon"], outputs: ["iconChange", "onClick"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: KvCardsInstructionComponent, selector: "kv-cards-instruction", inputs: ["whiteCard", "blackCard"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i10$1.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-instruction-page', standalone: true, imports: [KvButtonModule, DividerModule, KvCardsInstructionComponent, SidebarModule], template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n  <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n    <div\r\n      class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n        sizeContent()\r\n      }} relative\"\r\n    >\r\n      @if (this.whiteCard() || this.blackCard()) {\r\n        <kv-button\r\n          [severity]=\"'secondary'\"\r\n          [type]=\"'text'\"\r\n          [size]=\"'large'\"\r\n          [icon]=\"'quick_reference'\"\r\n          class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n          (onClick)=\"verIntrucoes = true\"\r\n        >\r\n        </kv-button>\r\n      }\r\n\r\n      <ng-content select=\"[main-content]\"></ng-content>\r\n    </div>\r\n\r\n    <div\r\n      class=\"hidden lg:block w-3 h-full\"\r\n      [class.none]=\"!whiteCard() && !blackCard()\"\r\n    >\r\n      <kv-cards-instruction\r\n        [whiteCard]=\"whiteCard()\"\r\n        [blackCard]=\"blackCard()\"\r\n      >\r\n        <div white-card-content class=\"h-full\">\r\n          <ng-content select=\"[white-card-content]\"></ng-content>\r\n        </div>\r\n        <div black-card-content class=\"h-full\">\r\n          <ng-content select=\"[black-card-content]\"></ng-content>\r\n        </div>\r\n      </kv-cards-instruction>\r\n    </div>\r\n  </div>\r\n\r\n  @if (actions().length > 0) {\r\n    <div\r\n      class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n        camposObrigatorios() ? 'between' : 'end'\r\n      }} align-items-center p-2\"\r\n    >\r\n      @if (camposObrigatorios()) {\r\n        <span class=\"text-xs text-red-500\">* Preenchimento obrigat\u00F3rio</span>\r\n      }\r\n\r\n      <div class=\"flex flex-row justify-content-end gap-2\">\r\n        @for (action of actions().slice().reverse(); track action.index) {\r\n          <kv-button\r\n            [label]=\"action.label || ''\"\r\n            [severity]=\"action.severity || 'tertiary'\"\r\n            [disabled]=\"action.disabled || false\"\r\n            [type]=\"action.type\"\r\n            [size]=\"action.size || 'small'\"\r\n            [icon]=\"action.icon || ''\"\r\n            [iconPosition]=\"action.iconPosition || 'left'\"\r\n            [items]=\"action.items || []\"\r\n            [popup]=\"action.popup || false\"\r\n            [popupIcon]=\"action.popupIcon || false\"\r\n            [fullWidth]=\"action.fullWidth || false\"\r\n            (onClick)=\"action?.command($event)\"\r\n          ></kv-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<p-sidebar\r\n  [(visible)]=\"verIntrucoes\"\r\n  position=\"right\"\r\n  appendTo=\"body\"\r\n  [showCloseIcon]=\"true\"\r\n  styleClass=\"w-30rem\"\r\n>\r\n  <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n    <div white-card-content>\r\n      <ng-content select=\"[white-card-content]\"></ng-content>\r\n    </div>\r\n    <div black-card-content>\r\n      <ng-content select=\"[black-card-content]\"></ng-content>\r\n    </div>\r\n  </kv-cards-instruction>\r\n</p-sidebar>\r\n" }]
+            args: [{ selector: 'kv-instruction-page', standalone: true, imports: [KvButtonModule, DividerModule, KvCardsInstructionComponent, SidebarModule], template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n  <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n    <div\r\n      class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n        sizeContent()\r\n      }} relative\"\r\n    >\r\n      @if (this.whiteCard() || this.blackCard()) {\r\n        <kv-button\r\n          [severity]=\"'secondary'\"\r\n          [type]=\"'text'\"\r\n          [size]=\"'large'\"\r\n          [icon]=\"'quick_reference'\"\r\n          class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n          (onClick)=\"verIntrucoes = true\"\r\n        >\r\n        </kv-button>\r\n      }\r\n\r\n      <ng-content select=\"[main-content]\"></ng-content>\r\n    </div>\r\n\r\n    <div\r\n      class=\"hidden lg:block w-3 h-full\"\r\n      [class.none]=\"!whiteCard() && !blackCard()\"\r\n    >\r\n      <kv-cards-instruction\r\n        [whiteCard]=\"whiteCard()\"\r\n        [blackCard]=\"blackCard()\"\r\n      >\r\n        <div white-card-content class=\"h-full\">\r\n          <ng-content select=\"[white-card-content]\"></ng-content>\r\n        </div>\r\n        <div black-card-content class=\"h-full\">\r\n          <ng-content select=\"[black-card-content]\"></ng-content>\r\n        </div>\r\n      </kv-cards-instruction>\r\n    </div>\r\n  </div>\r\n\r\n  @if (actions().length > 0) {\r\n    <div\r\n      class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n        camposObrigatorios() ? 'between' : 'end'\r\n      }} align-items-center p-2\"\r\n    >\r\n      @if (camposObrigatorios()) {\r\n        <span class=\"text-xs text-red-500 font-semibold\">* Preenchimento obrigat\u00F3rio</span>\r\n      }\r\n\r\n      <div class=\"flex flex-row justify-content-end gap-2\">\r\n        @for (action of actions().slice().reverse(); track action.index) {\r\n          <kv-button\r\n            [label]=\"action.label || ''\"\r\n            [severity]=\"action.severity || 'tertiary'\"\r\n            [disabled]=\"action.disabled || false\"\r\n            [type]=\"action.type\"\r\n            [size]=\"action.size || 'small'\"\r\n            [icon]=\"action.icon || ''\"\r\n            [iconPosition]=\"action.iconPosition || 'left'\"\r\n            [items]=\"action.items || []\"\r\n            [popup]=\"action.popup || false\"\r\n            [popupIcon]=\"action.popupIcon || false\"\r\n            [fullWidth]=\"action.fullWidth || false\"\r\n            (onClick)=\"action?.command($event)\"\r\n          ></kv-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<p-sidebar\r\n  [(visible)]=\"verIntrucoes\"\r\n  position=\"right\"\r\n  appendTo=\"body\"\r\n  [showCloseIcon]=\"true\"\r\n  styleClass=\"w-30rem\"\r\n>\r\n  <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n    <div white-card-content>\r\n      <ng-content select=\"[white-card-content]\"></ng-content>\r\n    </div>\r\n    <div black-card-content>\r\n      <ng-content select=\"[black-card-content]\"></ng-content>\r\n    </div>\r\n  </kv-cards-instruction>\r\n</p-sidebar>\r\n" }]
+        }] });
+
+class KvChipsComponent {
+    constructor() {
+        // Recebe as opções (ex: [{label: 'Por filial', value: 1}, ...])
+        this.options = input.required();
+        // Define se aceita múltiplos ou apenas um (padrão: false/single)
+        this.multiple = input(false);
+        // O valor selecionado (pode ser único ou array)
+        // Usamos 'model' para two-way binding fácil [(selection)]="valor"
+        this.selection = model(null);
+        // Evento opcional de mudança
+        this.selectionChange = output();
+    }
+    toggle(option) {
+        const isMulti = this.multiple();
+        const current = this.selection();
+        const value = option.value;
+        if (isMulti) {
+            // Lógica para Múltipla Seleção (Array)
+            let newValue = Array.isArray(current) ? [...current] : [];
+            if (newValue.includes(value)) {
+                newValue = newValue.filter(v => v !== value); // Remove
+            }
+            else {
+                newValue.push(value); // Adiciona
+            }
+            this.updateSelection(newValue);
+        }
+        else {
+            // Lógica para Seleção Única (Valor simples)
+            // Se clicar no mesmo, não faz nada (ou poderia desmarcar, depende da regra)
+            if (current !== value) {
+                this.updateSelection(value);
+            }
+        }
+    }
+    // Verifica se está ativo para aplicar a classe CSS
+    isActive(option) {
+        const current = this.selection();
+        if (this.multiple()) {
+            return Array.isArray(current) && current.includes(option.value);
+        }
+        return current === option.value;
+    }
+    updateSelection(val) {
+        this.selection.set(val);
+        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:999px;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:#0ea5e9;color:#0b83b9}.chip:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}\n"] }); }
+}
+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:999px;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:#0ea5e9;color:#0b83b9}.chip:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}\n"] }]
         }] });
 
 /*
@@ -14543,5 +14598,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, KvAvatarComponent, KvAvatarModule, KvButtonComponent, KvButtonModule, KvButtonPersonalizeComponent, KvButtonPopupComponent, KvButtonSecondaryComponent, KvButtonSuccessComponent, KvButtonsModule, KvCardMessageComponent, KvCardSelectionComponent, KvCardSelectionModule, KvCardsInstructionComponent, KvCarouselComponent, KvCarouselModule, KvChartComponent, KvChartModule, KvCheckComponent, KvConfirmationModalComponent, KvConfirmationModalModule, KvContentViewerComponent, KvContentViewerModule, KvDetailedListComponent, KvDropdownComponent, KvEditorComponent, KvEditorMentionService, KvEditorPdfService, KvEditorQuillService, KvEditorRelatorioService, KvErrorComponent, KvFileUploadComponent, KvFileUploadModule, 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, 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, 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, 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, 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