keevo-components 2.0.64 → 2.0.65

package/esm2022/lib/components/kv-filter-cards/kv-filter-cards.component.mjs

@@ -6,6 +6,8 @@ export class KvFilterCardsComponent {
     constructor() {
         // Lista de cards de filtro, cada um com um ícone e valor específico
         this.cards = input();
+        this.staticCards = input(false);
+        this.cursorPointer = input(true);
         //Propiedade para armazenar os cards selecionados
         this.selectedCards = model([]);
         this.loadingCards = input(false);
@@ -41,12 +43,34 @@ export class KvFilterCardsComponent {
     verificarSeCardEstaSelecionado(card) {
         return this.selectedCards()?.find(c => c.id === card.id) !== undefined;
     }
+    getColorFillPolygon(card) {
+        if (this.staticCards()) {
+            return 'var(--main-color)';
+        }
+        if (!this.selectedCards()?.includes(card)) {
+            return 'color-mix(in srgb, var(--mixed-color) 20%, white 80%)';
+        }
+        else {
+            return 'var(--main-color)';
+        }
+    }
+    getColorIconPolygon(card) {
+        if (this.staticCards()) {
+            return 'white';
+        }
+        if (!this.selectedCards()?.includes(card)) {
+            return 'var(--main-color)';
+        }
+        else {
+            return 'white';
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardsComponent, selector: "kv-filter-cards", inputs: { cards: { classPropertyName: "cards", publicName: "cards", isSignal: true, isRequired: false, transformFunction: null }, selectedCards: { classPropertyName: "selectedCards", publicName: "selectedCards", isSignal: true, isRequired: false, transformFunction: null }, loadingCards: { classPropertyName: "loadingCards", publicName: "loadingCards", isSignal: true, isRequired: false, transformFunction: null }, wrapCards: { classPropertyName: "wrapCards", publicName: "wrapCards", isSignal: true, isRequired: false, transformFunction: null }, alignCardsCenter: { classPropertyName: "alignCardsCenter", publicName: "alignCardsCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedCards: "selectedCardsChange", onCardClick: "onCardClick" }, ngImport: i0, template: "\r\n<div\r\n  id=\"filter-card-container\"\r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\"\r\n    [ngClass]=\"[\r\n      wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n      alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\"\r\n    #filterCardsContainer\r\n  >\r\n    @for (card of cards(); track card.id) {\r\n      <div \r\n        (click)=\"handleCardClick(card)\"\r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\" \r\n        class=\"filter-card\"\r\n        [ngClass]=\"[\r\n          'filter-card-size',\r\n          verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable'\r\n        ]\"\r\n      >\r\n      <div class=\"filter-card-content\">\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"!selectedCards()?.includes(card) ? 'color-mix(in srgb, var(--mixed-color) 20%, white 80%)' : 'var(--main-color)'\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" stroke=\"var(--main-color)\" stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" stroke-linecap=\"round\" opacity=\"0.8\" />\r\n            </svg>\r\n\r\n            <span [style.color]=\"!selectedCards()?.includes(card) ? 'var(--main-color)' : 'white'\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n          \r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div \r\n            class=\"flex align-items-center\" \r\n            [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\"\r\n          >\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-card:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.KvFilterCardsFormatterPipe, name: "kvFilterCardsFormatter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardsComponent, selector: "kv-filter-cards", inputs: { cards: { classPropertyName: "cards", publicName: "cards", isSignal: true, isRequired: false, transformFunction: null }, staticCards: { classPropertyName: "staticCards", publicName: "staticCards", isSignal: true, isRequired: false, transformFunction: null }, cursorPointer: { classPropertyName: "cursorPointer", publicName: "cursorPointer", isSignal: true, isRequired: false, transformFunction: null }, selectedCards: { classPropertyName: "selectedCards", publicName: "selectedCards", isSignal: true, isRequired: false, transformFunction: null }, loadingCards: { classPropertyName: "loadingCards", publicName: "loadingCards", isSignal: true, isRequired: false, transformFunction: null }, wrapCards: { classPropertyName: "wrapCards", publicName: "wrapCards", isSignal: true, isRequired: false, transformFunction: null }, alignCardsCenter: { classPropertyName: "alignCardsCenter", publicName: "alignCardsCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedCards: "selectedCardsChange", onCardClick: "onCardClick" }, ngImport: i0, template: "<div \r\n  id=\"filter-card-container\" \r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\" \r\n    [ngClass]=\"[\r\n        wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n        alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\" \r\n    #filterCardsContainer\r\n  >\r\n\r\n    @for (card of cards(); track card.id) {\r\n    \r\n      <div \r\n        (click)=\"handleCardClick(card)\" \r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\"\r\n        class=\"filter-card\" \r\n\r\n        [ngClass]=\"[\r\n            'filter-card-size',\r\n            verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable',\r\n            staticCards() ? 'filter-card-active' : '',\r\n            !staticCards() && !verificarSeCardEstaSelecionado(card) ? 'filter-card-hover' : '',\r\n            cursorPointer() ? 'cursor-pointer' : '',\r\n\r\n        ]\"\r\n      >\r\n\r\n      <div class=\"filter-card-content\">\r\n\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"getColorFillPolygon(card)\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" \r\n                stroke=\"var(--main-color)\" \r\n                stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" \r\n                stroke-linecap=\"round\" \r\n                opacity=\"0.8\" \r\n              />\r\n            </svg>\r\n\r\n            <span [style.color]=\"getColorIconPolygon(card)\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n      \r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n\r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div class=\"flex align-items-center\" [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;-webkit-user-select:none;user-select:none}.filter-card-hover:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card-hover:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card-hover:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.KvFilterCardsFormatterPipe, name: "kvFilterCardsFormatter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-filter-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n<div\r\n  id=\"filter-card-container\"\r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\"\r\n    [ngClass]=\"[\r\n      wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n      alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\"\r\n    #filterCardsContainer\r\n  >\r\n    @for (card of cards(); track card.id) {\r\n      <div \r\n        (click)=\"handleCardClick(card)\"\r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\" \r\n        class=\"filter-card\"\r\n        [ngClass]=\"[\r\n          'filter-card-size',\r\n          verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable'\r\n        ]\"\r\n      >\r\n      <div class=\"filter-card-content\">\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"!selectedCards()?.includes(card) ? 'color-mix(in srgb, var(--mixed-color) 20%, white 80%)' : 'var(--main-color)'\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" stroke=\"var(--main-color)\" stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" stroke-linecap=\"round\" opacity=\"0.8\" />\r\n            </svg>\r\n\r\n            <span [style.color]=\"!selectedCards()?.includes(card) ? 'var(--main-color)' : 'white'\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n          \r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div \r\n            class=\"flex align-items-center\" \r\n            [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\"\r\n          >\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-card:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+            args: [{ selector: 'kv-filter-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n  id=\"filter-card-container\" \r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\" \r\n    [ngClass]=\"[\r\n        wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n        alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\" \r\n    #filterCardsContainer\r\n  >\r\n\r\n    @for (card of cards(); track card.id) {\r\n    \r\n      <div \r\n        (click)=\"handleCardClick(card)\" \r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\"\r\n        class=\"filter-card\" \r\n\r\n        [ngClass]=\"[\r\n            'filter-card-size',\r\n            verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable',\r\n            staticCards() ? 'filter-card-active' : '',\r\n            !staticCards() && !verificarSeCardEstaSelecionado(card) ? 'filter-card-hover' : '',\r\n            cursorPointer() ? 'cursor-pointer' : '',\r\n\r\n        ]\"\r\n      >\r\n\r\n      <div class=\"filter-card-content\">\r\n\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"getColorFillPolygon(card)\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" \r\n                stroke=\"var(--main-color)\" \r\n                stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" \r\n                stroke-linecap=\"round\" \r\n                opacity=\"0.8\" \r\n              />\r\n            </svg>\r\n\r\n            <span [style.color]=\"getColorIconPolygon(card)\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n      \r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n\r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div class=\"flex align-items-center\" [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;-webkit-user-select:none;user-select:none}.filter-card-hover:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card-hover:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card-hover:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
         }] });
 export const mapaSeverityColors = {
     primary: '#0A8765', // Verde
@@ -56,4 +80,4 @@ export const mapaSeverityColors = {
     warning: '#E1963D', // Amarelo
     danger: '#F15A24', // Laranja
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtZmlsdGVyLWNhcmRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWZpbHRlci1jYXJkcy9rdi1maWx0ZXItY2FyZHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmRzL2t2LWZpbHRlci1jYXJkcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEzRyxNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBVUUsb0VBQW9FO1FBQ3BFLFVBQUssR0FBRyxLQUFLLEVBQXdCLENBQUE7UUFFckMsaURBQWlEO1FBQ2pELGtCQUFhLEdBQUcsS0FBSyxDQUF1QixFQUFFLENBQUMsQ0FBQTtRQUUvQyxpQkFBWSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUdyQywrREFBK0Q7UUFDL0QsY0FBUyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVsQyw2Q0FBNkM7UUFDN0MscUJBQWdCLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBR3pDLGdCQUFXLEdBQUcsTUFBTSxFQUFzQixDQUFDO1FBSTNDLFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUF3QixFQUFFLEVBQUU7WUFDbEQsTUFBTSxLQUFLLEdBQUcsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2hELE9BQU8sS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztRQUNwRCxDQUFDLENBQUMsQ0FBQztRQUVILGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUF3QixFQUFFLEVBQUU7WUFDdkQsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUE7UUFDbkQsQ0FBQyxDQUFDLENBQUM7S0E0Qko7SUF6QlMsaUJBQWlCLENBQUMsT0FBZSxFQUFFLFVBQWtCLEdBQUc7UUFDOUQsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1QyxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDNUMsT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLE9BQU8sR0FBRyxDQUFDO0lBQzlDLENBQUM7SUFHRCxlQUFlLENBQUMsSUFBd0I7UUFDdEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFNUIsZ0ZBQWdGO1FBQ2hGLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ2hDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNqRCxPQUFPLE1BQU07Z0JBQ1gsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELDhCQUE4QixDQUFDLElBQXdCO1FBQ3JELE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLFNBQVMsQ0FBQztJQUN6RSxDQUFDOzhHQXhEVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixvMEJDVG5DLHUyRUF1RUE7OzJGRDlEYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07O0FBa0VqRCxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBK0I7SUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBSyxRQUFRO0lBQy9CLFNBQVMsRUFBRSxTQUFTLEVBQUcsY0FBYztJQUNyQyxRQUFRLEVBQUUsU0FBUyxFQUFJLFFBQVE7SUFDL0IsSUFBSSxFQUFFLFNBQVMsRUFBUSxhQUFhO0lBQ3BDLE9BQU8sRUFBRSxTQUFTLEVBQUssVUFBVTtJQUNqQyxNQUFNLEVBQUUsU0FBUyxFQUFNLFVBQVU7Q0FDbEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgbW9kZWwsIG91dHB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWZpbHRlci1jYXJkcycsXHJcbiAgdGVtcGxhdGVVcmw6IGAuL2t2LWZpbHRlci1jYXJkcy5jb21wb25lbnQuaHRtbGAsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LWZpbHRlci1jYXJkcy5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkZpbHRlckNhcmRzQ29tcG9uZW50IHtcclxuXHJcblxyXG5cclxuICAvLyBMaXN0YSBkZSBjYXJkcyBkZSBmaWx0cm8sIGNhZGEgdW0gY29tIHVtIMOtY29uZSBlIHZhbG9yIGVzcGVjw61maWNvXHJcbiAgY2FyZHMgPSBpbnB1dDxLdkZpbHRlckNhcmRDb25maWdbXT4oKVxyXG5cclxuICAvL1Byb3BpZWRhZGUgcGFyYSBhcm1hemVuYXIgb3MgY2FyZHMgc2VsZWNpb25hZG9zXHJcbiAgc2VsZWN0ZWRDYXJkcyA9IG1vZGVsPEt2RmlsdGVyQ2FyZENvbmZpZ1tdPihbXSlcclxuXHJcbiAgbG9hZGluZ0NhcmRzID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuXHJcbiAgLy8gRGVmaW5lIHNlIG9zIGNhcmRzIGRldmVtIHNlciBleGliaWRvcyBlbSB1bWEgbGluaGEgb3UgY29sdW5hXHJcbiAgd3JhcENhcmRzID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICAvLyBEZWZpbmUgc2Ugb3MgY2FyZHMgZGV2ZW0gc2VyIGNlbnRyYWxpemFkb3NcclxuICBhbGlnbkNhcmRzQ2VudGVyID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuXHJcbiAgb25DYXJkQ2xpY2sgPSBvdXRwdXQ8S3ZGaWx0ZXJDYXJkQ29uZmlnPigpO1xyXG5cclxuXHJcblxyXG4gIGNvbG9yID0gY29tcHV0ZWQoKCkgPT4gKGNhcmQ6IEt2RmlsdGVyQ2FyZENvbmZpZykgPT4ge1xyXG4gICAgY29uc3QgY29sb3IgPSBtYXBhU2V2ZXJpdHlDb2xvcnNbY2FyZC5zZXZlcml0eV07XHJcbiAgICByZXR1cm4gY29sb3IgPyBjb2xvciA6IG1hcGFTZXZlcml0eUNvbG9ycy5wcmltYXJ5O1xyXG4gIH0pO1xyXG5cclxuICBtaXhlZENvbG9yID0gY29tcHV0ZWQoKCkgPT4gKGNhcmQ6IEt2RmlsdGVyQ2FyZENvbmZpZykgPT4ge1xyXG4gICAgcmV0dXJuIHRoaXMuZ2V0VHJhbnNwYXJlbnRNaXgodGhpcy5jb2xvcigpKGNhcmQpKVxyXG4gIH0pO1xyXG5cclxuXHJcbiAgcHJpdmF0ZSBnZXRUcmFuc3BhcmVudE1peChiYXNlSGV4OiBzdHJpbmcsIG9wYWNpdHk6IG51bWJlciA9IDAuMyk6IHN0cmluZyB7XHJcbiAgICBjb25zdCByID0gcGFyc2VJbnQoYmFzZUhleC5zbGljZSgxLCAzKSwgMTYpO1xyXG4gICAgY29uc3QgZyA9IHBhcnNlSW50KGJhc2VIZXguc2xpY2UoMywgNSksIDE2KTtcclxuICAgIGNvbnN0IGIgPSBwYXJzZUludChiYXNlSGV4LnNsaWNlKDUsIDcpLCAxNik7XHJcbiAgICByZXR1cm4gYHJnYmEoJHtyfSwgJHtnfSwgJHtifSwgJHtvcGFjaXR5fSlgO1xyXG4gIH1cclxuXHJcblxyXG4gIGhhbmRsZUNhcmRDbGljayhjYXJkOiBLdkZpbHRlckNhcmRDb25maWcpIHtcclxuICAgIHRoaXMub25DYXJkQ2xpY2suZW1pdChjYXJkKTtcclxuXHJcbiAgICAvLyBBdHVhbGl6YSBhIGxpc3RhIGRlIHNlbGVjaW9uYWRvczogcmVtb3ZlIHNlIGrDoSBleGlzdGUsIGFkaWNpb25hIHNlIG7Do28gZXhpc3RlXHJcbiAgICB0aGlzLnNlbGVjdGVkQ2FyZHMudXBkYXRlKGNhcmRzID0+IHtcclxuICAgICAgY29uc3QgZXhpc3RlID0gY2FyZHMuc29tZShjID0+IGMuaWQgPT09IGNhcmQuaWQpO1xyXG4gICAgICByZXR1cm4gZXhpc3RlXHJcbiAgICAgICAgPyBjYXJkcy5maWx0ZXIoYyA9PiBjLmlkICE9PSBjYXJkLmlkKVxyXG4gICAgICAgIDogWy4uLmNhcmRzLCBjYXJkXTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgdmVyaWZpY2FyU2VDYXJkRXN0YVNlbGVjaW9uYWRvKGNhcmQ6IEt2RmlsdGVyQ2FyZENvbmZpZyk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRDYXJkcygpPy5maW5kKGMgPT4gYy5pZCA9PT0gY2FyZC5pZCkgIT09IHVuZGVmaW5lZDtcclxuICB9XHJcblxyXG5cclxufVxyXG5cclxuXHJcbmV4cG9ydCB0eXBlIEt2U2V2ZXJpdHkgPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeScgfCAnaW5mbycgfCAnd2FybmluZycgfCAnZGFuZ2VyJztcclxuXHJcbmV4cG9ydCBjb25zdCBtYXBhU2V2ZXJpdHlDb2xvcnM6IFJlY29yZDxLdlNldmVyaXR5LCBzdHJpbmc+ID0ge1xyXG4gIHByaW1hcnk6ICcjMEE4NzY1JywgICAgLy8gVmVyZGVcclxuICBzZWNvbmRhcnk6ICcjMEEzQTc4JywgIC8vIEF6dWwgZXNjdXJvXHJcbiAgdGVydGlhcnk6ICcjNzc4NTk5JywgICAvLyBDaW56YVxyXG4gIGluZm86ICcjMDA5MUMyJywgICAgICAgLy8gQXp1bCBjbGFyb1xyXG4gIHdhcm5pbmc6ICcjRTE5NjNEJywgICAgLy8gQW1hcmVsb1xyXG4gIGRhbmdlcjogJyNGMTVBMjQnLCAgICAgLy8gTGFyYW5qYVxyXG59O1xyXG5cclxuXHJcblxyXG5leHBvcnQgdHlwZSBLdkZpbHRlckNhcmRGb3JtYXRvID0gJ2ludCcgfCAnY3VycmVuY3knIHwgJ3BlcmNlbnQnIHwgJ2RlY2ltYWwnIHwgJ3RleHQnIHwgJ2RhdGUnO1xyXG5leHBvcnQgdHlwZSBLdkZpbHRlckNhcmRDb25maWcgPSB7XHJcbiAgICBpZDogbnVtYmVyO1xyXG4gICAgc2V2ZXJpdHk6IEt2U2V2ZXJpdHk7XHJcbiAgICB0aXR1bG86IHN0cmluZztcclxuICAgIGljb246IHN0cmluZztcclxuICAgIHZhbG9yPzogbnVtYmVyIHwgc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbDtcclxuICAgIGZvcm1hdG8/OiBLdkZpbHRlckNhcmRGb3JtYXRvO1xyXG5cclxufSIsIlxyXG48ZGl2XHJcbiAgaWQ9XCJmaWx0ZXItY2FyZC1jb250YWluZXJcIlxyXG4gIGNsYXNzPVwiZmxleCBmbGV4LXJvdyB3LWZ1bGwganVzdGlmeS1jb250ZW50LWJldHdlZW5cIlxyXG4+XHJcbiAgPGRpdiBcclxuICAgIGNsYXNzPVwiZmxleCBwLWZsdWlkIGZvcm1ncmlkIHctZnVsbCBnYXAtMSBweC0zIHB5LTFcIlxyXG4gICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICB3cmFwQ2FyZHMoKSA/ICdmbGV4LXdyYXAnIDogJ2ZsZXgtbm93cmFwIG92ZXJmbG93LXgtYXV0bycsXHJcbiAgICAgIGFsaWduQ2FyZHNDZW50ZXIoKSA/ICdqdXN0aWZ5LWNvbnRlbnQtY2VudGVyJyA6ICdqdXN0aWZ5LWNvbnRlbnQtc3RhcnQnICAgIFxyXG4gICAgXVwiXHJcbiAgICAjZmlsdGVyQ2FyZHNDb250YWluZXJcclxuICA+XHJcbiAgICBAZm9yIChjYXJkIG9mIGNhcmRzKCk7IHRyYWNrIGNhcmQuaWQpIHtcclxuICAgICAgPGRpdiBcclxuICAgICAgICAoY2xpY2spPVwiaGFuZGxlQ2FyZENsaWNrKGNhcmQpXCJcclxuICAgICAgICBbc3R5bGUuLS1tYWluLWNvbG9yXT1cImNvbG9yKCkoY2FyZClcIiBcclxuICAgICAgICBbc3R5bGUuLS1taXhlZC1jb2xvcl09XCJtaXhlZENvbG9yKCkoY2FyZClcIiBcclxuICAgICAgICBjbGFzcz1cImZpbHRlci1jYXJkXCJcclxuICAgICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgICAnZmlsdGVyLWNhcmQtc2l6ZScsXHJcbiAgICAgICAgICB2ZXJpZmljYXJTZUNhcmRFc3RhU2VsZWNpb25hZG8oY2FyZCkgID8gJ2ZpbHRlci1jYXJkLWFjdGl2ZScgOiAnY2xpY2thYmxlJ1xyXG4gICAgICAgIF1cIlxyXG4gICAgICA+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItY2FyZC1jb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1jYXJkLXRpdGxlXCI+XHJcblxyXG4gICAgICAgICAgQGlmIChjYXJkLmljb24pIHtcclxuXHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGV4LWljb24tc3ZnXCI+XHJcbiAgICAgICAgICAgIDxzdmcgc3R5bGU9XCJvdmVyZmxvdzogdmlzaWJsZTtcIiB2aWV3Qm94PVwiMCAwIDEwMCAxMDBcIiBjbGFzcz1cImhleC1iZ1wiPlxyXG4gICAgICAgICAgICAgIDxwb2x5Z29uXHJcbiAgICAgICAgICAgICAgICBbYXR0ci5maWxsXT1cIiFzZWxlY3RlZENhcmRzKCk/LmluY2x1ZGVzKGNhcmQpID8gJ2NvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1taXhlZC1jb2xvcikgMjAlLCB3aGl0ZSA4MCUpJyA6ICd2YXIoLS1tYWluLWNvbG9yKSdcIlxyXG4gICAgICAgICAgICAgICAgcG9pbnRzPVwiOTMuMyA3NSw1MCAxMDAsNi43IDc1LDYuNyAyNSw1MCAwLDkzLjMgMjVcIiBzdHJva2U9XCJ2YXIoLS1tYWluLWNvbG9yKVwiIHN0cm9rZS13aWR0aD1cIjNcIlxyXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgb3BhY2l0eT1cIjAuOFwiIC8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG5cclxuICAgICAgICAgICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cIiFzZWxlY3RlZENhcmRzKCk/LmluY2x1ZGVzKGNhcmQpID8gJ3ZhcigtLW1haW4tY29sb3IpJyA6ICd3aGl0ZSdcIlxyXG4gICAgICAgICAgICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBpY29uXCI+XHJcbiAgICAgICAgICAgICAge3sgY2FyZD8uaWNvbiB9fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcblxyXG4gICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgfVxyXG5cclxuICAgICAgICAgIDxkaXYgc3R5bGU9XCJmb250LXdlaWdodDogYm9sZDsgZm9udC1zaXplOiAuODI1ZW07IGNvbG9yOiAjNDE0MTQxO1wiPnt7IGNhcmQ/LnRpdHVsbyB9fTwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICBAaWYobG9hZGluZ0NhcmRzKCkpe1xyXG4gICAgICAgICAgXHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImxvYWRpbmctc3Bpbm5lclwiPjwvc3Bhbj5cclxuXHJcbiAgICAgICAgfUBlbHNlIHtcclxuXHJcbiAgICAgICAgICA8ZGl2IFxyXG4gICAgICAgICAgICBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyXCIgXHJcbiAgICAgICAgICAgIFtzdHlsZS5jb2xvcl09XCJjb2xvcigpKGNhcmQpXCJcclxuICAgICAgICAgICAgc3R5bGU9XCJmb250LXNpemU6IDEuMjVlbTsgZm9udC13ZWlnaHQ6IGJvbGQ7IG1pbi1oZWlnaHQ6IDEuODc1cmVtXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAge3sgY2FyZC52YWxvciB8IGt2RmlsdGVyQ2FyZHNGb3JtYXR0ZXI6Y2FyZC5mb3JtYXRvfX1cclxuICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICB9XHJcblxyXG5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtZmlsdGVyLWNhcmRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWZpbHRlci1jYXJkcy9rdi1maWx0ZXItY2FyZHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmRzL2t2LWZpbHRlci1jYXJkcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEzRyxNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBVUUsb0VBQW9FO1FBQ3BFLFVBQUssR0FBRyxLQUFLLEVBQXdCLENBQUE7UUFFckMsZ0JBQVcsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFcEMsa0JBQWEsR0FBRyxLQUFLLENBQVUsSUFBSSxDQUFDLENBQUM7UUFHckMsaURBQWlEO1FBQ2pELGtCQUFhLEdBQUcsS0FBSyxDQUF1QixFQUFFLENBQUMsQ0FBQTtRQUUvQyxpQkFBWSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVyQywrREFBK0Q7UUFDL0QsY0FBUyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVsQyw2Q0FBNkM7UUFDN0MscUJBQWdCLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRXpDLGdCQUFXLEdBQUcsTUFBTSxFQUFzQixDQUFDO1FBRTNDLFVBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUF3QixFQUFFLEVBQUU7WUFDbEQsTUFBTSxLQUFLLEdBQUcsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2hELE9BQU8sS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztRQUNwRCxDQUFDLENBQUMsQ0FBQztRQUVILGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUF3QixFQUFFLEVBQUU7WUFDdkQsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUE7UUFDbkQsQ0FBQyxDQUFDLENBQUM7S0FzREo7SUFuRFMsaUJBQWlCLENBQUMsT0FBZSxFQUFFLFVBQWtCLEdBQUc7UUFDOUQsTUFBTSxDQUFDLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1QyxNQUFNLENBQUMsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDNUMsT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLE9BQU8sR0FBRyxDQUFDO0lBQzlDLENBQUM7SUFHRCxlQUFlLENBQUMsSUFBd0I7UUFDdEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFNUIsZ0ZBQWdGO1FBQ2hGLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ2hDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNqRCxPQUFPLE1BQU07Z0JBQ1gsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELDhCQUE4QixDQUFDLElBQXdCO1FBQ3JELE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLFNBQVMsQ0FBQztJQUN6RSxDQUFDO0lBRUQsbUJBQW1CLENBQUMsSUFBd0I7UUFFMUMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztZQUN2QixPQUFPLG1CQUFtQixDQUFDO1FBQzdCLENBQUM7UUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQzFDLE9BQU8sdURBQXVELENBQUM7UUFDakUsQ0FBQzthQUFNLENBQUM7WUFDTixPQUFPLG1CQUFtQixDQUFDO1FBQzdCLENBQUM7SUFFSCxDQUFDO0lBR0QsbUJBQW1CLENBQUMsSUFBd0I7UUFDMUMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztZQUN2QixPQUFPLE9BQU8sQ0FBQztRQUNqQixDQUFDO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUMxQyxPQUFPLG1CQUFtQixDQUFDO1FBQzdCLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxPQUFPLENBQUM7UUFDakIsQ0FBQztJQUNILENBQUM7OEdBcEZVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDhsQ0NUbkMsb2hGQWdGTTs7MkZEdkVPLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs7QUE2RmpELE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUErQjtJQUM1RCxPQUFPLEVBQUUsU0FBUyxFQUFLLFFBQVE7SUFDL0IsU0FBUyxFQUFFLFNBQVMsRUFBRyxjQUFjO0lBQ3JDLFFBQVEsRUFBRSxTQUFTLEVBQUksUUFBUTtJQUMvQixJQUFJLEVBQUUsU0FBUyxFQUFRLGFBQWE7SUFDcEMsT0FBTyxFQUFFLFNBQVMsRUFBSyxVQUFVO0lBQ2pDLE1BQU0sRUFBRSxTQUFTLEVBQU0sVUFBVTtDQUNsQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBtb2RlbCwgb3V0cHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtZmlsdGVyLWNhcmRzJyxcclxuICB0ZW1wbGF0ZVVybDogYC4va3YtZmlsdGVyLWNhcmRzLmNvbXBvbmVudC5odG1sYCxcclxuICBzdHlsZVVybDogJy4va3YtZmlsdGVyLWNhcmRzLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2RmlsdGVyQ2FyZHNDb21wb25lbnQge1xyXG5cclxuXHJcblxyXG4gIC8vIExpc3RhIGRlIGNhcmRzIGRlIGZpbHRybywgY2FkYSB1bSBjb20gdW0gw61jb25lIGUgdmFsb3IgZXNwZWPDrWZpY29cclxuICBjYXJkcyA9IGlucHV0PEt2RmlsdGVyQ2FyZENvbmZpZ1tdPigpXHJcblxyXG4gIHN0YXRpY0NhcmRzID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICBjdXJzb3JQb2ludGVyID0gaW5wdXQ8Ym9vbGVhbj4odHJ1ZSk7XHJcblxyXG5cclxuICAvL1Byb3BpZWRhZGUgcGFyYSBhcm1hemVuYXIgb3MgY2FyZHMgc2VsZWNpb25hZG9zXHJcbiAgc2VsZWN0ZWRDYXJkcyA9IG1vZGVsPEt2RmlsdGVyQ2FyZENvbmZpZ1tdPihbXSlcclxuXHJcbiAgbG9hZGluZ0NhcmRzID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICAvLyBEZWZpbmUgc2Ugb3MgY2FyZHMgZGV2ZW0gc2VyIGV4aWJpZG9zIGVtIHVtYSBsaW5oYSBvdSBjb2x1bmFcclxuICB3cmFwQ2FyZHMgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gIC8vIERlZmluZSBzZSBvcyBjYXJkcyBkZXZlbSBzZXIgY2VudHJhbGl6YWRvc1xyXG4gIGFsaWduQ2FyZHNDZW50ZXIgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gIG9uQ2FyZENsaWNrID0gb3V0cHV0PEt2RmlsdGVyQ2FyZENvbmZpZz4oKTtcclxuXHJcbiAgY29sb3IgPSBjb21wdXRlZCgoKSA9PiAoY2FyZDogS3ZGaWx0ZXJDYXJkQ29uZmlnKSA9PiB7XHJcbiAgICBjb25zdCBjb2xvciA9IG1hcGFTZXZlcml0eUNvbG9yc1tjYXJkLnNldmVyaXR5XTtcclxuICAgIHJldHVybiBjb2xvciA/IGNvbG9yIDogbWFwYVNldmVyaXR5Q29sb3JzLnByaW1hcnk7XHJcbiAgfSk7XHJcblxyXG4gIG1peGVkQ29sb3IgPSBjb21wdXRlZCgoKSA9PiAoY2FyZDogS3ZGaWx0ZXJDYXJkQ29uZmlnKSA9PiB7XHJcbiAgICByZXR1cm4gdGhpcy5nZXRUcmFuc3BhcmVudE1peCh0aGlzLmNvbG9yKCkoY2FyZCkpXHJcbiAgfSk7XHJcblxyXG5cclxuICBwcml2YXRlIGdldFRyYW5zcGFyZW50TWl4KGJhc2VIZXg6IHN0cmluZywgb3BhY2l0eTogbnVtYmVyID0gMC4zKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IHIgPSBwYXJzZUludChiYXNlSGV4LnNsaWNlKDEsIDMpLCAxNik7XHJcbiAgICBjb25zdCBnID0gcGFyc2VJbnQoYmFzZUhleC5zbGljZSgzLCA1KSwgMTYpO1xyXG4gICAgY29uc3QgYiA9IHBhcnNlSW50KGJhc2VIZXguc2xpY2UoNSwgNyksIDE2KTtcclxuICAgIHJldHVybiBgcmdiYSgke3J9LCAke2d9LCAke2J9LCAke29wYWNpdHl9KWA7XHJcbiAgfVxyXG5cclxuXHJcbiAgaGFuZGxlQ2FyZENsaWNrKGNhcmQ6IEt2RmlsdGVyQ2FyZENvbmZpZykge1xyXG4gICAgdGhpcy5vbkNhcmRDbGljay5lbWl0KGNhcmQpO1xyXG5cclxuICAgIC8vIEF0dWFsaXphIGEgbGlzdGEgZGUgc2VsZWNpb25hZG9zOiByZW1vdmUgc2UgasOhIGV4aXN0ZSwgYWRpY2lvbmEgc2UgbsOjbyBleGlzdGVcclxuICAgIHRoaXMuc2VsZWN0ZWRDYXJkcy51cGRhdGUoY2FyZHMgPT4ge1xyXG4gICAgICBjb25zdCBleGlzdGUgPSBjYXJkcy5zb21lKGMgPT4gYy5pZCA9PT0gY2FyZC5pZCk7XHJcbiAgICAgIHJldHVybiBleGlzdGVcclxuICAgICAgICA/IGNhcmRzLmZpbHRlcihjID0+IGMuaWQgIT09IGNhcmQuaWQpXHJcbiAgICAgICAgOiBbLi4uY2FyZHMsIGNhcmRdO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICB2ZXJpZmljYXJTZUNhcmRFc3RhU2VsZWNpb25hZG8oY2FyZDogS3ZGaWx0ZXJDYXJkQ29uZmlnKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZENhcmRzKCk/LmZpbmQoYyA9PiBjLmlkID09PSBjYXJkLmlkKSAhPT0gdW5kZWZpbmVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0Q29sb3JGaWxsUG9seWdvbihjYXJkOiBLdkZpbHRlckNhcmRDb25maWcpOiBzdHJpbmcge1xyXG5cclxuICAgIGlmICh0aGlzLnN0YXRpY0NhcmRzKCkpIHtcclxuICAgICAgcmV0dXJuICd2YXIoLS1tYWluLWNvbG9yKSc7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKCF0aGlzLnNlbGVjdGVkQ2FyZHMoKT8uaW5jbHVkZXMoY2FyZCkpIHtcclxuICAgICAgcmV0dXJuICdjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tbWl4ZWQtY29sb3IpIDIwJSwgd2hpdGUgODAlKSc7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gJ3ZhcigtLW1haW4tY29sb3IpJztcclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuXHJcbiAgZ2V0Q29sb3JJY29uUG9seWdvbihjYXJkOiBLdkZpbHRlckNhcmRDb25maWcpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuc3RhdGljQ2FyZHMoKSkge1xyXG4gICAgICByZXR1cm4gJ3doaXRlJztcclxuICAgIH1cclxuXHJcbiAgICBpZiAoIXRoaXMuc2VsZWN0ZWRDYXJkcygpPy5pbmNsdWRlcyhjYXJkKSkge1xyXG4gICAgICByZXR1cm4gJ3ZhcigtLW1haW4tY29sb3IpJztcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiAnd2hpdGUnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuXHJcblxyXG5leHBvcnQgdHlwZSBLdlNldmVyaXR5ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Rhbmdlcic7XHJcblxyXG5leHBvcnQgY29uc3QgbWFwYVNldmVyaXR5Q29sb3JzOiBSZWNvcmQ8S3ZTZXZlcml0eSwgc3RyaW5nPiA9IHtcclxuICBwcmltYXJ5OiAnIzBBODc2NScsICAgIC8vIFZlcmRlXHJcbiAgc2Vjb25kYXJ5OiAnIzBBM0E3OCcsICAvLyBBenVsIGVzY3Vyb1xyXG4gIHRlcnRpYXJ5OiAnIzc3ODU5OScsICAgLy8gQ2luemFcclxuICBpbmZvOiAnIzAwOTFDMicsICAgICAgIC8vIEF6dWwgY2xhcm9cclxuICB3YXJuaW5nOiAnI0UxOTYzRCcsICAgIC8vIEFtYXJlbG9cclxuICBkYW5nZXI6ICcjRjE1QTI0JywgICAgIC8vIExhcmFuamFcclxufTtcclxuXHJcblxyXG5cclxuZXhwb3J0IHR5cGUgS3ZGaWx0ZXJDYXJkRm9ybWF0byA9ICdpbnQnIHwgJ2N1cnJlbmN5JyB8ICdwZXJjZW50JyB8ICdkZWNpbWFsJyB8ICd0ZXh0JyB8ICdkYXRlJztcclxuZXhwb3J0IHR5cGUgS3ZGaWx0ZXJDYXJkQ29uZmlnID0ge1xyXG4gICAgaWQ6IG51bWJlcjtcclxuICAgIHNldmVyaXR5OiBLdlNldmVyaXR5O1xyXG4gICAgdGl0dWxvOiBzdHJpbmc7XHJcbiAgICBpY29uOiBzdHJpbmc7XHJcbiAgICB2YWxvcj86IG51bWJlciB8IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGw7XHJcbiAgICBmb3JtYXRvPzogS3ZGaWx0ZXJDYXJkRm9ybWF0bztcclxuXHJcbn0iLCI8ZGl2IFxyXG4gIGlkPVwiZmlsdGVyLWNhcmQtY29udGFpbmVyXCIgXHJcbiAgY2xhc3M9XCJmbGV4IGZsZXgtcm93IHctZnVsbCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiXHJcbj5cclxuICA8ZGl2IFxyXG4gICAgY2xhc3M9XCJmbGV4IHAtZmx1aWQgZm9ybWdyaWQgdy1mdWxsIGdhcC0xIHB4LTMgcHktMVwiIFxyXG4gICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICAgIHdyYXBDYXJkcygpID8gJ2ZsZXgtd3JhcCcgOiAnZmxleC1ub3dyYXAgb3ZlcmZsb3cteC1hdXRvJyxcclxuICAgICAgICBhbGlnbkNhcmRzQ2VudGVyKCkgPyAnanVzdGlmeS1jb250ZW50LWNlbnRlcicgOiAnanVzdGlmeS1jb250ZW50LXN0YXJ0JyAgICBcclxuICAgIF1cIiBcclxuICAgICNmaWx0ZXJDYXJkc0NvbnRhaW5lclxyXG4gID5cclxuXHJcbiAgICBAZm9yIChjYXJkIG9mIGNhcmRzKCk7IHRyYWNrIGNhcmQuaWQpIHtcclxuICAgIFxyXG4gICAgICA8ZGl2IFxyXG4gICAgICAgIChjbGljayk9XCJoYW5kbGVDYXJkQ2xpY2soY2FyZClcIiBcclxuICAgICAgICBbc3R5bGUuLS1tYWluLWNvbG9yXT1cImNvbG9yKCkoY2FyZClcIiBcclxuICAgICAgICBbc3R5bGUuLS1taXhlZC1jb2xvcl09XCJtaXhlZENvbG9yKCkoY2FyZClcIlxyXG4gICAgICAgIGNsYXNzPVwiZmlsdGVyLWNhcmRcIiBcclxuXHJcbiAgICAgICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICAgICAgICAnZmlsdGVyLWNhcmQtc2l6ZScsXHJcbiAgICAgICAgICAgIHZlcmlmaWNhclNlQ2FyZEVzdGFTZWxlY2lvbmFkbyhjYXJkKSAgPyAnZmlsdGVyLWNhcmQtYWN0aXZlJyA6ICdjbGlja2FibGUnLFxyXG4gICAgICAgICAgICBzdGF0aWNDYXJkcygpID8gJ2ZpbHRlci1jYXJkLWFjdGl2ZScgOiAnJyxcclxuICAgICAgICAgICAgIXN0YXRpY0NhcmRzKCkgJiYgIXZlcmlmaWNhclNlQ2FyZEVzdGFTZWxlY2lvbmFkbyhjYXJkKSA/ICdmaWx0ZXItY2FyZC1ob3ZlcicgOiAnJyxcclxuICAgICAgICAgICAgY3Vyc29yUG9pbnRlcigpID8gJ2N1cnNvci1wb2ludGVyJyA6ICcnLFxyXG5cclxuICAgICAgICBdXCJcclxuICAgICAgPlxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1jYXJkLWNvbnRlbnRcIj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1jYXJkLXRpdGxlXCI+XHJcblxyXG4gICAgICAgICAgQGlmIChjYXJkLmljb24pIHtcclxuXHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGV4LWljb24tc3ZnXCI+XHJcbiAgICAgICAgICAgIDxzdmcgc3R5bGU9XCJvdmVyZmxvdzogdmlzaWJsZTtcIiB2aWV3Qm94PVwiMCAwIDEwMCAxMDBcIiBjbGFzcz1cImhleC1iZ1wiPlxyXG4gICAgICAgICAgICAgIDxwb2x5Z29uXHJcbiAgICAgICAgICAgICAgICBbYXR0ci5maWxsXT1cImdldENvbG9yRmlsbFBvbHlnb24oY2FyZClcIlxyXG4gICAgICAgICAgICAgICAgcG9pbnRzPVwiOTMuMyA3NSw1MCAxMDAsNi43IDc1LDYuNyAyNSw1MCAwLDkzLjMgMjVcIiBcclxuICAgICAgICAgICAgICAgIHN0cm9rZT1cInZhcigtLW1haW4tY29sb3IpXCIgXHJcbiAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIzXCJcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgXHJcbiAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgXHJcbiAgICAgICAgICAgICAgICBvcGFjaXR5PVwiMC44XCIgXHJcbiAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcblxyXG4gICAgICAgICAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiZ2V0Q29sb3JJY29uUG9seWdvbihjYXJkKVwiXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIGljb25cIj5cclxuICAgICAgICAgICAgICB7eyBjYXJkPy5pY29uIH19XHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuXHJcbiAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgPGRpdiBzdHlsZT1cImZvbnQtd2VpZ2h0OiBib2xkOyBmb250LXNpemU6IC44MjVlbTsgY29sb3I6ICM0MTQxNDE7XCI+e3sgY2FyZD8udGl0dWxvIH19PC9kaXY+XHJcbiAgICAgIFxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICBAaWYobG9hZGluZ0NhcmRzKCkpe1xyXG5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibG9hZGluZy1zcGlubmVyXCI+PC9zcGFuPlxyXG5cclxuICAgICAgICB9QGVsc2Uge1xyXG5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiIFtzdHlsZS5jb2xvcl09XCJjb2xvcigpKGNhcmQpXCJcclxuICAgICAgICAgICAgc3R5bGU9XCJmb250LXNpemU6IDEuMjVlbTsgZm9udC13ZWlnaHQ6IGJvbGQ7IG1pbi1oZWlnaHQ6IDEuODc1cmVtXCI+XHJcbiAgICAgICAgICAgIHt7IGNhcmQudmFsb3IgfCBrdkZpbHRlckNhcmRzRm9ybWF0dGVyOmNhcmQuZm9ybWF0b319XHJcbiAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/kv-inputs/kv-tree-multi-select/kv-tree-multi-select.component.mjs

@@ -43,11 +43,11 @@ export 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: i1.ComponentService }, { token: i2.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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.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: i8.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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.KvErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }, { kind: "component", type: i5.KvLabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "directive", type: i6.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: i8.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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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: i1.ComponentService }, { type: i2.FormBuilder }], propDecorators: { appendTo: [{
                 type: Input
             }], options: [{
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], itemTemplates: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtdHJlZS1tdWx0aS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LXRyZWUtbXVsdGktc2VsZWN0L2t2LXRyZWUtbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi10cmVlLW11bHRpLXNlbGVjdC9rdi10cmVlLW11bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBRTdFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOzs7Ozs7Ozs7O0FBY3BHLE1BQU0sT0FBTywwQkFBMkIsU0FBUSx3QkFBd0I7SUFXdEUsWUFBWSxnQkFBa0MsRUFBVSxFQUFlO1FBQ3JFLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRDhCLE9BQUUsR0FBRixFQUFFLENBQWE7UUFUOUQsYUFBUSxHQUFXLE1BQU0sQ0FBQztRQUUxQixrQkFBYSxHQUFxRCxFQUFFLENBQUM7UUFFOUUsMkJBQXNCLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFBO1FBQzlDLHlCQUFvQixHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQTtRQUVsQyxVQUFLLEdBQVUsRUFBRSxDQUFDO0lBSTVCLENBQUM7SUFFUSxlQUFlLENBQUMsS0FBUztRQUNoQyxLQUFLLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQzVCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQTtJQUNwQixDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQTtRQUNmLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBYyxFQUFFLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQztnQkFDakIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLElBQUUsRUFBRTtnQkFDckIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO2FBQ2hCLENBQUMsQ0FBQTtRQUNKLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVPLGFBQWEsQ0FBQyxJQUFnQztRQUNuRCxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFBO0lBQ3JDLENBQUM7SUFFUyxXQUFXLENBQUMsSUFBUyxFQUFFLEtBQVU7UUFDekMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBYyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1RSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQzs4R0F2Q1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsNnhCQUgxQixrQkFBa0IsQ0FBQywwQkFBMEIsQ0FBQyxpRENkM0QsaXFFQW9FQTs7MkZEbkRhLDBCQUEwQjtrQkFWdEMsU0FBUzsrQkFDRSxzQkFBc0IsYUFNckIsa0JBQWtCLDRCQUE0QjsrR0FLaEQsUUFBUTtzQkFBaEIsS0FBSztnQkFDWSxPQUFPO3NCQUF4QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBJbnB1dCwgT25Jbml0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUcmVlTm9kZSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcclxuaW1wb3J0IHsgQ29tcG9uZW50UHJvdmlkZXJzIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2hlbHBlcnMvY29tcG9uZW50LXByb3ZpZGVycyc7XHJcbmltcG9ydCB7IEJhc2VDb21wb25lbnRNdWx0aVNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL2FwaS9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtbXVsdGktc2VsZWN0JztcclxuaW1wb3J0IHsgQ29tcG9uZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2FwaS9zZXJ2aWNlcy9jb21wb25lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi10cmVlLW11bHRpLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXRyZWUtbXVsdGktc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFtcclxuICAgICcuL2t2LXRyZWUtbXVsdGktc2VsZWN0LmNvbXBvbmVudC5zY3NzJyxcclxuICAgICcuLi8uLi9rZWV2by1jb21wb25lbnRzLXN0eWxlcy5zY3NzJ1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBDb21wb25lbnRQcm92aWRlcnMoS3ZUcmVlTXVsdGlTZWxlY3RDb21wb25lbnQpLFxyXG5cclxufSlcclxuZXhwb3J0IGNsYXNzIEt2VHJlZU11bHRpU2VsZWN0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudE11bHRpU2VsZWN0IHtcclxuXHJcbiAgQElucHV0KCkgYXBwZW5kVG86IHN0cmluZyA9ICdib2R5JztcclxuICBASW5wdXQoKSBvdmVycmlkZSBvcHRpb25zITogVHJlZU5vZGVbXTtcclxuICBASW5wdXQoKSBpdGVtVGVtcGxhdGVzOiB7dGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT58bnVsbCwgdHlwZTpzdHJpbmd9W10gPSBbXTtcclxuXHJcbiAgcHJvcGFnYXRlU2VsZWN0aW9uRG93biA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKVxyXG4gIHByb3BhZ2F0ZVNlbGVjdGlvblVwID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpXHJcblxyXG4gIHByb3RlY3RlZCBjaGlwczogYW55W10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoY29tcG9uZW50U2VydmljZTogQ29tcG9uZW50U2VydmljZSwgcHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIpIHtcclxuICAgIHN1cGVyKGNvbXBvbmVudFNlcnZpY2UpO1xyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgc2VsZWN0aW9uQ2hhbmdlKHZhbHVlOmFueSl7XHJcbiAgICBzdXBlci5zZWxlY3Rpb25DaGFuZ2UodmFsdWUpXHJcbiAgICB0aGlzLmhhbmRsZUNoaXBzKClcclxuICB9XHJcblxyXG4gIHByaXZhdGUgaGFuZGxlQ2hpcHMoKXtcclxuICAgIHRoaXMuY2hpcHMgPSBbXVxyXG4gICAgdGhpcy52YWx1ZS5mb3JFYWNoKChub2RlOiBUcmVlTm9kZSkgPT4ge1xyXG4gICAgICB0aGlzLmFkaWNpb25hckNoaXAoe1xyXG4gICAgICAgIGxhYmVsOiBub2RlLmxhYmVsPz8nJyxcclxuICAgICAgICBkYXRhOiBub2RlLmRhdGFcclxuICAgICAgfSlcclxuICAgIH0pXHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGFkaWNpb25hckNoaXAoY2hpcDoge2xhYmVsOiBzdHJpbmcsIGRhdGE6IGFueX0pe1xyXG4gICAgIHRoaXMuY2hpcHMgPSBbLi4udGhpcy5jaGlwcywgY2hpcF1cclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCByZW1vdmVyQ2hpcChjaGlwOiBhbnksIGV2ZW50OiBhbnkpe1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUuZmlsdGVyKChub2RlOiBUcmVlTm9kZSkgPT4gbm9kZS5kYXRhICE9PSBjaGlwLmRhdGEpO1xyXG4gICAgdGhpcy5oYW5kbGVDaGlwcygpO1xyXG4gIH1cclxuXHJcbn0iLCI8c3Bhbj5cclxuICA8a3YtbGFiZWxcclxuICAgIFtjb21wb25lbnRJZF09XCJjb21wb25lbnRJZFwiXHJcbiAgICBbbGFiZWxdPVwibGFiZWwgJiYgbGFiZWwgKyAoc2hvd0FzdGVyaXNrID8gJyonIDogJycpXCJcclxuICAvPlxyXG5cclxuICA8cC10cmVlU2VsZWN0XHJcbiAgICBpbnB1dElkPVwidHJlZS1tdWx0aS1zZWxlY3RcIlxyXG4gICAgW2NsYXNzXT1cImJhc2VJbnB1dENsYXNzXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbb3B0aW9uc109XCJvcHRpb25zXCJcclxuICAgIFtmaWx0ZXJdPVwiZmlsdGVyXCJcclxuICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCJcclxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgKG9uTm9kZVNlbGVjdCk9XCJzZWxlY3Rpb25DaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAob25Ob2RlVW5zZWxlY3QpPVwic2VsZWN0aW9uQ2hhbmdlKCRldmVudClcIlxyXG4gICAgKG9uUGFuZWxIaWRlKT1cInBhbmVsSGlkZSgkZXZlbnQpXCJcclxuICAgIFthcHBlbmRUb109XCJhcHBlbmRUb1wiXHJcbiAgICBbbWV0YUtleVNlbGVjdGlvbl09XCJmYWxzZVwiXHJcbiAgICBzdHlsZUNsYXNzPVwiaW5wdXRzXCJcclxuICAgIGNvbnRhaW5lclN0eWxlQ2xhc3M9XCJpbnB1dHNcIlxyXG4gICAgc2VsZWN0aW9uTW9kZT1cImNoZWNrYm94XCJcclxuICAgIGRpc3BsYXk9XCJjaGlwXCJcclxuICAgIFtwcm9wYWdhdGVTZWxlY3Rpb25Eb3duXT1cInByb3BhZ2F0ZVNlbGVjdGlvbkRvd24oKVwiXHJcbiAgICBbcHJvcGFnYXRlU2VsZWN0aW9uVXBdPVwicHJvcGFnYXRlU2VsZWN0aW9uVXAoKVwiXHJcbiAgPlxyXG4gICAgPG5nLXRlbXBsYXRlIGxldC12YWx1ZSBwVGVtcGxhdGU9XCJ2YWx1ZVwiIGNsYXNzPVwidy1mdWxsXCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInAtbXVsdGlzZWxlY3QgcC1tdWx0aXNlbGVjdC1jaGlwIHAtbXVsdGlzZWxlY3QtbGFiZWwgdy1mdWxsIGZsZXggZmxleC1ub3dyYXBcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgI3Rva2VuXHJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgY2hpcCBvZiBjaGlwczsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgICBjbGFzcz1cInAtbXVsdGlzZWxlY3QtdG9rZW5cIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwicC1tdWx0aXNlbGVjdC10b2tlbi1sYWJlbFwiPnt7IGNoaXAubGFiZWwgfX08L3NwYW4+XHJcblxyXG4gICAgICAgICAgPFRpbWVzQ2lyY2xlSWNvblxyXG4gICAgICAgICAgICBbc3R5bGVDbGFzc109XCIncC1tdWx0aXNlbGVjdC10b2tlbi1pY29uJ1wiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJyZW1vdmVyQ2hpcChjaGlwLCAkZXZlbnQpXCJcclxuICAgICAgICAgICAgW2F0dHIuZGF0YS1wYy1zZWN0aW9uXT1cIidjbGVhcmljb24nXCJcclxuICAgICAgICAgICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwidHJ1ZVwiXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgQGZvciAodGVtcGxhdGVJdGVtIG9mIGl0ZW1UZW1wbGF0ZXM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgPG5nLXRlbXBsYXRlIGxldC1ub2RlIFtwVGVtcGxhdGVdPVwidGVtcGxhdGVJdGVtLnR5cGVcIj5cclxuICAgICAgQGlmKHRlbXBsYXRlSXRlbS50ZW1wbGF0ZSkge1xyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidGVtcGxhdGVJdGVtLnRlbXBsYXRlXCJcclxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IG5vZGUgfVwiXHJcbiAgICAgID5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIH1cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgfVxyXG5cclxuICAgIDxuZy10ZW1wbGF0ZSBsZXQtbm9kZSBwVGVtcGxhdGU9XCJkZWZhdWx0XCI+XHJcbiAgICAgIHt7IG5vZGUubGFiZWwgfX1cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgPC9wLXRyZWVTZWxlY3Q+XHJcblxyXG4gIDxrdi1lcnJvciBbaGFzRXJyb3JdPVwiaGFzQ29udHJvbEVycm9yKClcIj57eyBlcnJvTWVzc2FnZSgpIH19PC9rdi1lcnJvcj5cclxuPC9zcGFuPlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtdHJlZS1tdWx0aS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LXRyZWUtbXVsdGktc2VsZWN0L2t2LXRyZWUtbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi10cmVlLW11bHRpLXNlbGVjdC9rdi10cmVlLW11bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBRTdFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOzs7Ozs7Ozs7O0FBY3BHLE1BQU0sT0FBTywwQkFBMkIsU0FBUSx3QkFBd0I7SUFXdEUsWUFBWSxnQkFBa0MsRUFBVSxFQUFlO1FBQ3JFLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRDhCLE9BQUUsR0FBRixFQUFFLENBQWE7UUFUOUQsYUFBUSxHQUFXLE1BQU0sQ0FBQztRQUUxQixrQkFBYSxHQUFxRCxFQUFFLENBQUM7UUFFOUUsMkJBQXNCLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFBO1FBQzlDLHlCQUFvQixHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQTtRQUVsQyxVQUFLLEdBQVUsRUFBRSxDQUFDO0lBSTVCLENBQUM7SUFFUSxlQUFlLENBQUMsS0FBUztRQUNoQyxLQUFLLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQzVCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQTtJQUNwQixDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQTtRQUNmLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBYyxFQUFFLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQztnQkFDakIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLElBQUUsRUFBRTtnQkFDckIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO2FBQ2hCLENBQUMsQ0FBQTtRQUNKLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVPLGFBQWEsQ0FBQyxJQUFnQztRQUNuRCxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFBO0lBQ3JDLENBQUM7SUFFUyxXQUFXLENBQUMsSUFBUyxFQUFFLEtBQVU7UUFDekMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBYyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1RSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQzs4R0F2Q1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsNnhCQUgxQixrQkFBa0IsQ0FBQywwQkFBMEIsQ0FBQyxpRENkM0QseWhFQW9FQTs7MkZEbkRhLDBCQUEwQjtrQkFWdEMsU0FBUzsrQkFDRSxzQkFBc0IsYUFNckIsa0JBQWtCLDRCQUE0QjsrR0FLaEQsUUFBUTtzQkFBaEIsS0FBSztnQkFDWSxPQUFPO3NCQUF4QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBJbnB1dCwgT25Jbml0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHJlZU5vZGUgfSBmcm9tICdwcmltZW5nL2FwaSc7XG5pbXBvcnQgeyBDb21wb25lbnRQcm92aWRlcnMgfSBmcm9tICcuLi8uLi8uLi9hcGkvaGVscGVycy9jb21wb25lbnQtcHJvdmlkZXJzJztcbmltcG9ydCB7IEJhc2VDb21wb25lbnRNdWx0aVNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL2FwaS9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtbXVsdGktc2VsZWN0JztcbmltcG9ydCB7IENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hcGkvc2VydmljZXMvY29tcG9uZW50LnNlcnZpY2UnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2t2LXRyZWUtbXVsdGktc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXRyZWUtbXVsdGktc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4va3YtdHJlZS1tdWx0aS1zZWxlY3QuY29tcG9uZW50LnNjc3MnLFxuICAgICcuLi8uLi9rZWV2by1jb21wb25lbnRzLXN0eWxlcy5zY3NzJ1xuICBdLFxuICBwcm92aWRlcnM6IENvbXBvbmVudFByb3ZpZGVycyhLdlRyZWVNdWx0aVNlbGVjdENvbXBvbmVudCksXG5cbn0pXG5leHBvcnQgY2xhc3MgS3ZUcmVlTXVsdGlTZWxlY3RDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50TXVsdGlTZWxlY3Qge1xuXG4gIEBJbnB1dCgpIGFwcGVuZFRvOiBzdHJpbmcgPSAnYm9keSc7XG4gIEBJbnB1dCgpIG92ZXJyaWRlIG9wdGlvbnMhOiBUcmVlTm9kZVtdO1xuICBASW5wdXQoKSBpdGVtVGVtcGxhdGVzOiB7dGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT58bnVsbCwgdHlwZTpzdHJpbmd9W10gPSBbXTtcblxuICBwcm9wYWdhdGVTZWxlY3Rpb25Eb3duID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpXG4gIHByb3BhZ2F0ZVNlbGVjdGlvblVwID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpXG5cbiAgcHJvdGVjdGVkIGNoaXBzOiBhbnlbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKGNvbXBvbmVudFNlcnZpY2U6IENvbXBvbmVudFNlcnZpY2UsIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyKSB7XG4gICAgc3VwZXIoY29tcG9uZW50U2VydmljZSk7XG4gIH1cblxuICBvdmVycmlkZSBzZWxlY3Rpb25DaGFuZ2UodmFsdWU6YW55KXtcbiAgICBzdXBlci5zZWxlY3Rpb25DaGFuZ2UodmFsdWUpXG4gICAgdGhpcy5oYW5kbGVDaGlwcygpXG4gIH1cblxuICBwcml2YXRlIGhhbmRsZUNoaXBzKCl7XG4gICAgdGhpcy5jaGlwcyA9IFtdXG4gICAgdGhpcy52YWx1ZS5mb3JFYWNoKChub2RlOiBUcmVlTm9kZSkgPT4ge1xuICAgICAgdGhpcy5hZGljaW9uYXJDaGlwKHtcbiAgICAgICAgbGFiZWw6IG5vZGUubGFiZWw/PycnLFxuICAgICAgICBkYXRhOiBub2RlLmRhdGFcbiAgICAgIH0pXG4gICAgfSlcbiAgfVxuXG4gIHByaXZhdGUgYWRpY2lvbmFyQ2hpcChjaGlwOiB7bGFiZWw6IHN0cmluZywgZGF0YTogYW55fSl7XG4gICAgIHRoaXMuY2hpcHMgPSBbLi4udGhpcy5jaGlwcywgY2hpcF1cbiAgfVxuXG4gIHByb3RlY3RlZCByZW1vdmVyQ2hpcChjaGlwOiBhbnksIGV2ZW50OiBhbnkpe1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUuZmlsdGVyKChub2RlOiBUcmVlTm9kZSkgPT4gbm9kZS5kYXRhICE9PSBjaGlwLmRhdGEpO1xuICAgIHRoaXMuaGFuZGxlQ2hpcHMoKTtcbiAgfVxuXG59IiwiPHNwYW4+XG4gIDxrdi1sYWJlbFxuICAgIFtjb21wb25lbnRJZF09XCJjb21wb25lbnRJZFwiXG4gICAgW2xhYmVsXT1cImxhYmVsICYmIGxhYmVsICsgKHNob3dBc3RlcmlzayA/ICcqJyA6ICcnKVwiXG4gIC8+XG5cbiAgPHAtdHJlZVNlbGVjdFxuICAgIGlucHV0SWQ9XCJ0cmVlLW11bHRpLXNlbGVjdFwiXG4gICAgW2NsYXNzXT1cImJhc2VJbnB1dENsYXNzXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICAgIFtmaWx0ZXJdPVwiZmlsdGVyXCJcbiAgICBbc2hvd0NsZWFyXT1cInNob3dDbGVhclwiXG4gICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgKG9uTm9kZVNlbGVjdCk9XCJzZWxlY3Rpb25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgKG9uTm9kZVVuc2VsZWN0KT1cInNlbGVjdGlvbkNoYW5nZSgkZXZlbnQpXCJcbiAgICAob25QYW5lbEhpZGUpPVwicGFuZWxIaWRlKCRldmVudClcIlxuICAgIFthcHBlbmRUb109XCJhcHBlbmRUb1wiXG4gICAgW21ldGFLZXlTZWxlY3Rpb25dPVwiZmFsc2VcIlxuICAgIHN0eWxlQ2xhc3M9XCJpbnB1dHNcIlxuICAgIGNvbnRhaW5lclN0eWxlQ2xhc3M9XCJpbnB1dHNcIlxuICAgIHNlbGVjdGlvbk1vZGU9XCJjaGVja2JveFwiXG4gICAgZGlzcGxheT1cImNoaXBcIlxuICAgIFtwcm9wYWdhdGVTZWxlY3Rpb25Eb3duXT1cInByb3BhZ2F0ZVNlbGVjdGlvbkRvd24oKVwiXG4gICAgW3Byb3BhZ2F0ZVNlbGVjdGlvblVwXT1cInByb3BhZ2F0ZVNlbGVjdGlvblVwKClcIlxuICA+XG4gICAgPG5nLXRlbXBsYXRlIGxldC12YWx1ZSBwVGVtcGxhdGU9XCJ2YWx1ZVwiIGNsYXNzPVwidy1mdWxsXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwicC1tdWx0aXNlbGVjdCBwLW11bHRpc2VsZWN0LWNoaXAgcC1tdWx0aXNlbGVjdC1sYWJlbCB3LWZ1bGwgZmxleCBmbGV4LW5vd3JhcFwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAjdG9rZW5cbiAgICAgICAgICAqbmdGb3I9XCJsZXQgY2hpcCBvZiBjaGlwczsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgICAgY2xhc3M9XCJwLW11bHRpc2VsZWN0LXRva2VuXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwicC1tdWx0aXNlbGVjdC10b2tlbi1sYWJlbFwiPnt7IGNoaXAubGFiZWwgfX08L3NwYW4+XG5cbiAgICAgICAgICA8VGltZXNDaXJjbGVJY29uXG4gICAgICAgICAgICBbc3R5bGVDbGFzc109XCIncC1tdWx0aXNlbGVjdC10b2tlbi1pY29uJ1wiXG4gICAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlckNoaXAoY2hpcCwgJGV2ZW50KVwiXG4gICAgICAgICAgICBbYXR0ci5kYXRhLXBjLXNlY3Rpb25dPVwiJ2NsZWFyaWNvbidcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwidHJ1ZVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgQGZvciAodGVtcGxhdGVJdGVtIG9mIGl0ZW1UZW1wbGF0ZXM7IHRyYWNrICRpbmRleCkge1xuICAgIDxuZy10ZW1wbGF0ZSBsZXQtbm9kZSBbcFRlbXBsYXRlXT1cInRlbXBsYXRlSXRlbS50eXBlXCI+XG4gICAgICBAaWYodGVtcGxhdGVJdGVtLnRlbXBsYXRlKSB7XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlSXRlbS50ZW1wbGF0ZVwiXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogbm9kZSB9XCJcbiAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgfVxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICB9XG5cbiAgICA8bmctdGVtcGxhdGUgbGV0LW5vZGUgcFRlbXBsYXRlPVwiZGVmYXVsdFwiPlxuICAgICAge3sgbm9kZS5sYWJlbCB9fVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvcC10cmVlU2VsZWN0PlxuXG4gIDxrdi1lcnJvciBbaGFzRXJyb3JdPVwiaGFzQ29udHJvbEVycm9yKClcIj57eyBlcnJvTWVzc2FnZSgpIH19PC9rdi1lcnJvcj5cbjwvc3Bhbj5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/fesm2022/keevo-components.mjs

@@ -5666,11 +5666,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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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$3.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$1.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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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$3.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$1.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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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>\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}::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 .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::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: [{
@@ -9657,6 +9657,8 @@ class KvFilterCardsComponent {
     constructor() {
         // Lista de cards de filtro, cada um com um ícone e valor específico
         this.cards = input();
+        this.staticCards = input(false);
+        this.cursorPointer = input(true);
         //Propiedade para armazenar os cards selecionados
         this.selectedCards = model([]);
         this.loadingCards = input(false);
@@ -9692,12 +9694,34 @@ class KvFilterCardsComponent {
     verificarSeCardEstaSelecionado(card) {
         return this.selectedCards()?.find(c => c.id === card.id) !== undefined;
     }
+    getColorFillPolygon(card) {
+        if (this.staticCards()) {
+            return 'var(--main-color)';
+        }
+        if (!this.selectedCards()?.includes(card)) {
+            return 'color-mix(in srgb, var(--mixed-color) 20%, white 80%)';
+        }
+        else {
+            return 'var(--main-color)';
+        }
+    }
+    getColorIconPolygon(card) {
+        if (this.staticCards()) {
+            return 'white';
+        }
+        if (!this.selectedCards()?.includes(card)) {
+            return 'var(--main-color)';
+        }
+        else {
+            return 'white';
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardsComponent, selector: "kv-filter-cards", inputs: { cards: { classPropertyName: "cards", publicName: "cards", isSignal: true, isRequired: false, transformFunction: null }, selectedCards: { classPropertyName: "selectedCards", publicName: "selectedCards", isSignal: true, isRequired: false, transformFunction: null }, loadingCards: { classPropertyName: "loadingCards", publicName: "loadingCards", isSignal: true, isRequired: false, transformFunction: null }, wrapCards: { classPropertyName: "wrapCards", publicName: "wrapCards", isSignal: true, isRequired: false, transformFunction: null }, alignCardsCenter: { classPropertyName: "alignCardsCenter", publicName: "alignCardsCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedCards: "selectedCardsChange", onCardClick: "onCardClick" }, ngImport: i0, template: "\r\n<div\r\n  id=\"filter-card-container\"\r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\"\r\n    [ngClass]=\"[\r\n      wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n      alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\"\r\n    #filterCardsContainer\r\n  >\r\n    @for (card of cards(); track card.id) {\r\n      <div \r\n        (click)=\"handleCardClick(card)\"\r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\" \r\n        class=\"filter-card\"\r\n        [ngClass]=\"[\r\n          'filter-card-size',\r\n          verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable'\r\n        ]\"\r\n      >\r\n      <div class=\"filter-card-content\">\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"!selectedCards()?.includes(card) ? 'color-mix(in srgb, var(--mixed-color) 20%, white 80%)' : 'var(--main-color)'\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" stroke=\"var(--main-color)\" stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" stroke-linecap=\"round\" opacity=\"0.8\" />\r\n            </svg>\r\n\r\n            <span [style.color]=\"!selectedCards()?.includes(card) ? 'var(--main-color)' : 'white'\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n          \r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div \r\n            class=\"flex align-items-center\" \r\n            [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\"\r\n          >\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-card:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: KvFilterCardsFormatterPipe, name: "kvFilterCardsFormatter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardsComponent, selector: "kv-filter-cards", inputs: { cards: { classPropertyName: "cards", publicName: "cards", isSignal: true, isRequired: false, transformFunction: null }, staticCards: { classPropertyName: "staticCards", publicName: "staticCards", isSignal: true, isRequired: false, transformFunction: null }, cursorPointer: { classPropertyName: "cursorPointer", publicName: "cursorPointer", isSignal: true, isRequired: false, transformFunction: null }, selectedCards: { classPropertyName: "selectedCards", publicName: "selectedCards", isSignal: true, isRequired: false, transformFunction: null }, loadingCards: { classPropertyName: "loadingCards", publicName: "loadingCards", isSignal: true, isRequired: false, transformFunction: null }, wrapCards: { classPropertyName: "wrapCards", publicName: "wrapCards", isSignal: true, isRequired: false, transformFunction: null }, alignCardsCenter: { classPropertyName: "alignCardsCenter", publicName: "alignCardsCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedCards: "selectedCardsChange", onCardClick: "onCardClick" }, ngImport: i0, template: "<div \r\n  id=\"filter-card-container\" \r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\" \r\n    [ngClass]=\"[\r\n        wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n        alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\" \r\n    #filterCardsContainer\r\n  >\r\n\r\n    @for (card of cards(); track card.id) {\r\n    \r\n      <div \r\n        (click)=\"handleCardClick(card)\" \r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\"\r\n        class=\"filter-card\" \r\n\r\n        [ngClass]=\"[\r\n            'filter-card-size',\r\n            verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable',\r\n            staticCards() ? 'filter-card-active' : '',\r\n            !staticCards() && !verificarSeCardEstaSelecionado(card) ? 'filter-card-hover' : '',\r\n            cursorPointer() ? 'cursor-pointer' : '',\r\n\r\n        ]\"\r\n      >\r\n\r\n      <div class=\"filter-card-content\">\r\n\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"getColorFillPolygon(card)\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" \r\n                stroke=\"var(--main-color)\" \r\n                stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" \r\n                stroke-linecap=\"round\" \r\n                opacity=\"0.8\" \r\n              />\r\n            </svg>\r\n\r\n            <span [style.color]=\"getColorIconPolygon(card)\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n      \r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n\r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div class=\"flex align-items-center\" [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;-webkit-user-select:none;user-select:none}.filter-card-hover:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card-hover:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card-hover:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: KvFilterCardsFormatterPipe, name: "kvFilterCardsFormatter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-filter-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n<div\r\n  id=\"filter-card-container\"\r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\"\r\n    [ngClass]=\"[\r\n      wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n      alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\"\r\n    #filterCardsContainer\r\n  >\r\n    @for (card of cards(); track card.id) {\r\n      <div \r\n        (click)=\"handleCardClick(card)\"\r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\" \r\n        class=\"filter-card\"\r\n        [ngClass]=\"[\r\n          'filter-card-size',\r\n          verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable'\r\n        ]\"\r\n      >\r\n      <div class=\"filter-card-content\">\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"!selectedCards()?.includes(card) ? 'color-mix(in srgb, var(--mixed-color) 20%, white 80%)' : 'var(--main-color)'\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" stroke=\"var(--main-color)\" stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" stroke-linecap=\"round\" opacity=\"0.8\" />\r\n            </svg>\r\n\r\n            <span [style.color]=\"!selectedCards()?.includes(card) ? 'var(--main-color)' : 'white'\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n          \r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div \r\n            class=\"flex align-items-center\" \r\n            [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\"\r\n          >\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-card:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+            args: [{ selector: 'kv-filter-cards', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n  id=\"filter-card-container\" \r\n  class=\"flex flex-row w-full justify-content-between\"\r\n>\r\n  <div \r\n    class=\"flex p-fluid formgrid w-full gap-1 px-3 py-1\" \r\n    [ngClass]=\"[\r\n        wrapCards() ? 'flex-wrap' : 'flex-nowrap overflow-x-auto',\r\n        alignCardsCenter() ? 'justify-content-center' : 'justify-content-start'    \r\n    ]\" \r\n    #filterCardsContainer\r\n  >\r\n\r\n    @for (card of cards(); track card.id) {\r\n    \r\n      <div \r\n        (click)=\"handleCardClick(card)\" \r\n        [style.--main-color]=\"color()(card)\" \r\n        [style.--mixed-color]=\"mixedColor()(card)\"\r\n        class=\"filter-card\" \r\n\r\n        [ngClass]=\"[\r\n            'filter-card-size',\r\n            verificarSeCardEstaSelecionado(card)  ? 'filter-card-active' : 'clickable',\r\n            staticCards() ? 'filter-card-active' : '',\r\n            !staticCards() && !verificarSeCardEstaSelecionado(card) ? 'filter-card-hover' : '',\r\n            cursorPointer() ? 'cursor-pointer' : '',\r\n\r\n        ]\"\r\n      >\r\n\r\n      <div class=\"filter-card-content\">\r\n\r\n        <div class=\"filter-card-title\">\r\n\r\n          @if (card.icon) {\r\n\r\n          <div class=\"hex-icon-svg\">\r\n            <svg style=\"overflow: visible;\" viewBox=\"0 0 100 100\" class=\"hex-bg\">\r\n              <polygon\r\n                [attr.fill]=\"getColorFillPolygon(card)\"\r\n                points=\"93.3 75,50 100,6.7 75,6.7 25,50 0,93.3 25\" \r\n                stroke=\"var(--main-color)\" \r\n                stroke-width=\"3\"\r\n                stroke-linejoin=\"round\" \r\n                stroke-linecap=\"round\" \r\n                opacity=\"0.8\" \r\n              />\r\n            </svg>\r\n\r\n            <span [style.color]=\"getColorIconPolygon(card)\"\r\n              class=\"material-symbols-outlined icon\">\r\n              {{ card?.icon }}\r\n            </span>\r\n\r\n          </div>\r\n\r\n          }\r\n\r\n          <div style=\"font-weight: bold; font-size: .825em; color: #414141;\">{{ card?.titulo }}</div>\r\n      \r\n        </div>\r\n\r\n        @if(loadingCards()){\r\n\r\n          <span class=\"loading-spinner\"></span>\r\n\r\n        }@else {\r\n\r\n          <div class=\"flex align-items-center\" [style.color]=\"color()(card)\"\r\n            style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">\r\n            {{ card.valor | kvFilterCardsFormatter:card.formato}}\r\n          </div>\r\n\r\n        }\r\n\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: ["@charset \"UTF-8\";.card,.card-disabled,.filter-card-active{transition:border .3s ease,background-color .3s ease;border:1px solid #CBD5E1}.filter-card{transition:all ease-in-out .1s;border:1px solid #CBD5E1;border-radius:1rem;-webkit-user-select:none;user-select:none}.filter-card-hover:hover{background:#f8fafc;transform:scale(1.01);border:var(--main-color) .5px solid}.filter-card-hover:active{background:#f8fafc;border:var(--main-color) .5px solid}.filter-card-active{border:var(--main-color) .5px solid;background-color:color-mix(in srgb,var(--mixed-color) 20%,white 80%)}p{font-size:.75rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-content{display:flex;flex-direction:row;align-items:center;padding:.4rem .6rem .4rem .5rem;gap:.5rem}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}.hex-icon-svg{position:relative;width:2rem;height:2rem;font-size:2rem}.hex-icon-svg .hex-bg{width:100%;height:100%}.hex-icon-svg .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--main-color);font-size:24px;pointer-events:none}.icon{font-weight:500!important;font-size:.65em!important}div.filter-card-hover:hover .hex-icon-svg>svg>polygon{fill:var(--mixed-color)}polygon{transition:all ease-in-out .1s}#filter-card-container{container:filter-card-container/inline-size}.filter-card-size{flex:1 1 auto;padding:0 .25rem;min-width:170px;box-sizing:border-box}@container filter-card-container (min-width: 360px){.filter-card-size{width:50%}}@container filter-card-container (min-width: 600px){.filter-card-size{width:33.3333%}}@container filter-card-container (min-width: 900px){.filter-card-size{width:25%}}@container filter-card-container (min-width: 1200px){.filter-card-size{width:16.6667%}}@container filter-card-container (min-width: 1500px){.filter-card-size{width:14.2857%}}@media (min-width: 360px){.filter-card-size{width:50%}}@media (min-width: 600px){.filter-card-size{width:33.3333%}}@media (min-width: 900px){.filter-card-size{width:25%}}@media (min-width: 1200px){.filter-card-size{width:16.6667%}}@media (min-width: 1500px){.filter-card-size{width:14.2857%}}.flex-nowrap.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.flex-wrap .filter-card-size{flex:1 1 auto}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--main-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
         }] });
 const mapaSeverityColors = {
     primary: '#0A8765', // Verde