keevo-components 2.0.253 → 2.0.255
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/kv-instruction-page/components/cards-instruction/kv-cards-instruction.component.mjs +3 -3
- package/esm2022/lib/components/kv-instruction-page/kv-instruction-page.component.mjs +4 -4
- package/fesm2022/keevo-components.mjs +5 -5
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-instruction-page/components/cards-instruction/kv-cards-instruction.component.d.ts +1 -0
- package/lib/components/kv-instruction-page/kv-instruction-page.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -6,10 +6,10 @@ export class KvCardsInstructionComponent {
|
|
|
6
6
|
this.blackCard = input();
|
|
7
7
|
}
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardsInstructionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardsInstructionComponent, isStandalone: true, selector: "kv-cards-instruction", inputs: { whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardsInstructionComponent, isStandalone: true, selector: "kv-cards-instruction", inputs: { whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl text-{{whiteCard()?.color || 'blue'}}-600\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-gray-200 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"blackCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(blackCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl\"> {{ blackCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ blackCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [""] }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardsInstructionComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'kv-cards-instruction', standalone: true, imports: [], template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-
|
|
13
|
+
args: [{ selector: 'kv-cards-instruction', standalone: true, imports: [], template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl text-{{whiteCard()?.color || 'blue'}}-600\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-gray-200 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"blackCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(blackCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl\"> {{ blackCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ blackCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
14
14
|
}] });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtY2FyZHMtaW5zdHJ1Y3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5zdHJ1Y3Rpb24tcGFnZS9jb21wb25lbnRzL2NhcmRzLWluc3RydWN0aW9uL2t2LWNhcmRzLWluc3RydWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWluc3RydWN0aW9uLXBhZ2UvY29tcG9uZW50cy9jYXJkcy1pbnN0cnVjdGlvbi9rdi1jYXJkcy1pbnN0cnVjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakQsTUFBTSxPQUFPLDJCQUEyQjtJQVB4QztRQVFFLGNBQVMsR0FBRyxLQUFLLENBS0YsU0FBUyxDQUFDLENBQUM7UUFHMUIsY0FBUyxHQUFHLEtBQUssRUFJRCxDQUFDO0tBQ2xCOzhHQWRZLDJCQUEyQjtrR0FBM0IsMkJBQTJCLG9XQ1R4QywwOUNBcUNBOzsyRkQ1QmEsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtY2FyZHMtaW5zdHJ1Y3Rpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LWNhcmRzLWluc3RydWN0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3YtY2FyZHMtaW5zdHJ1Y3Rpb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkNhcmRzSW5zdHJ1Y3Rpb25Db21wb25lbnQge1xyXG4gIHdoaXRlQ2FyZCA9IGlucHV0PHtcclxuICAgIHRpdGxlOiBzdHJpbmc7XHJcbiAgICBpY29uOiBzdHJpbmc7XHJcbiAgICBoZWlnaHQ6IG51bWJlcjtcclxuICAgIGNvbG9yPzogJ2JsdWUnIHwgJ2dyZWVuJyB8ICdvcmFuZ2UnIHwgJ3JlZCcgfCAncHVycGxlJyB8ICd5ZWxsb3cnIHwgJ3RlYWwnIHwgJ3BpbmsnIHwgJ2dyYXknIHwgJ2luZGlnbycgfCAnY3lhbicgfCAnYmx1ZWdyYXknO1xyXG4gIH0gfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XHJcblxyXG5cclxuICBibGFja0NhcmQgPSBpbnB1dDx7XHJcbiAgICB0aXRsZTogc3RyaW5nO1xyXG4gICAgaWNvbjogc3RyaW5nO1xyXG4gICAgaGVpZ2h0OiBudW1iZXI7XHJcbiAgfSB8IHVuZGVmaW5lZD4oKTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidy1mdWxsIGgtZnVsbCBmbGV4IGZsZXgtY29sdW1uIGdhcC0yXCI+XHJcbiAgQGlmICh3aGl0ZUNhcmQoKSkge1xyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImJnLXdoaXRlIGJvcmRlci0xIGJvcmRlci1ncmF5LTMwMCBib3JkZXItcm91bmQtbGcgcC0zIG1pbi1oLTAgZmxleCBmbGV4LWNvbHVtbiBnYXAtNFwiXHJcbiAgICAgIFtzdHlsZS5oZWlnaHQuJV09XCJ3aGl0ZUNhcmQoKT8uaGVpZ2h0XCJcclxuICAgID5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1yb3cgYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XHJcbiAgICAgICAgQGlmKHdoaXRlQ2FyZCgpPy5pY29uKSB7XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQgZm9udC1zZW1pYm9sZCB0ZXh0LXhsIHRleHQte3t3aGl0ZUNhcmQoKT8uY29sb3IgfHwgJ2JsdWUnfX0tNjAwXCI+IHt7IHdoaXRlQ2FyZCgpPy5pY29uIH19PC9zcGFuPlxyXG4gICAgICAgIH1cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtc2VtaWJvbGQgdGV4dC1zbVwiPnt7IHdoaXRlQ2FyZCgpPy50aXRsZSB9fTwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaC1mdWxsIG1heC1oLWZ1bGwgb3ZlcmZsb3cteS1hdXRvIHRleHQteHNcIj5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbd2hpdGUtY2FyZC1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcblxyXG4gIEBpZiAoYmxhY2tDYXJkKCkpIHtcclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJiZy1ncmF5LTkwMCB0ZXh0LWdyYXktMjAwIGJvcmRlci1yb3VuZC1sZyBwLTMgbWluLWgtMCBmbGV4IGZsZXgtY29sdW1uIGdhcC00XCJcclxuICAgICAgW3N0eWxlLmhlaWdodC4lXT1cImJsYWNrQ2FyZCgpPy5oZWlnaHRcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXJvdyBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTJcIj5cclxuICAgICAgICBAaWYoYmxhY2tDYXJkKCk/Lmljb24pIHtcclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBmb250LXNlbWlib2xkIHRleHQteGxcIj4ge3sgYmxhY2tDYXJkKCk/Lmljb24gfX08L3NwYW4+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1zZW1pYm9sZCB0ZXh0LXNtXCI+e3sgYmxhY2tDYXJkKCk/LnRpdGxlIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJoLWZ1bGwgbWF4LWgtZnVsbCBvdmVyZmxvdy15LWF1dG8gdGV4dC14c1wiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltibGFjay1jYXJkLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -15,15 +15,15 @@ export class KvInstructionPageComponent {
|
|
|
15
15
|
this.sizeContent = computed(() => {
|
|
16
16
|
if (!this.whiteCard() && !this.blackCard())
|
|
17
17
|
return 'w-full';
|
|
18
|
-
return 'w-
|
|
18
|
+
return 'w-9';
|
|
19
19
|
});
|
|
20
20
|
this.verIntrucoes = false;
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvInstructionPageComponent, isStandalone: true, selector: "kv-instruction-page", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, camposObrigatorios: { classPropertyName: "camposObrigatorios", publicName: "camposObrigatorios", isSignal: true, isRequired: false, transformFunction: null }, whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvInstructionPageComponent, isStandalone: true, selector: "kv-instruction-page", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, camposObrigatorios: { classPropertyName: "camposObrigatorios", publicName: "camposObrigatorios", isSignal: true, isRequired: false, transformFunction: null }, whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-3 h-full\"\r\n [class.none]=\"!whiteCard() && !blackCard()\"\r\n >\r\n <kv-cards-instruction\r\n [whiteCard]=\"whiteCard()\"\r\n [blackCard]=\"blackCard()\"\r\n >\r\n <div white-card-content class=\"h-full\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content class=\"h-full\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n </div>\r\n </div>\r\n\r\n @if (actions().length > 0) {\r\n <div\r\n class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n camposObrigatorios() ? 'between' : 'end'\r\n }} align-items-center p-2\"\r\n >\r\n @if (camposObrigatorios()) {\r\n <span class=\"text-xs text-red-500 font-semibold\">* Preenchimento obrigat\u00F3rio</span>\r\n }\r\n\r\n <div class=\"flex flex-row justify-content-end gap-2\">\r\n @for (action of actions().slice().reverse(); track action.index) {\r\n <kv-button\r\n [label]=\"action.label || ''\"\r\n [severity]=\"action.severity || 'tertiary'\"\r\n [disabled]=\"action.disabled || false\"\r\n [type]=\"action.type\"\r\n [size]=\"action.size || 'small'\"\r\n [icon]=\"action.icon || ''\"\r\n [iconPosition]=\"action.iconPosition || 'left'\"\r\n [items]=\"action.items || []\"\r\n [popup]=\"action.popup || false\"\r\n [popupIcon]=\"action.popupIcon || false\"\r\n [fullWidth]=\"action.fullWidth || false\"\r\n (onClick)=\"action?.command($event)\"\r\n ></kv-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n\r\n<p-sidebar\r\n [(visible)]=\"verIntrucoes\"\r\n position=\"right\"\r\n appendTo=\"body\"\r\n [showCloseIcon]=\"true\"\r\n styleClass=\"w-30rem\"\r\n>\r\n <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n <div white-card-content>\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content>\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n</p-sidebar>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: i1.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup", "popupIcon"], outputs: ["iconChange", "onClick"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: KvCardsInstructionComponent, selector: "kv-cards-instruction", inputs: ["whiteCard", "blackCard"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i2.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'kv-instruction-page', standalone: true, imports: [KvButtonModule, DividerModule, KvCardsInstructionComponent, SidebarModule], template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-
|
|
27
|
+
args: [{ selector: 'kv-instruction-page', standalone: true, imports: [KvButtonModule, DividerModule, KvCardsInstructionComponent, SidebarModule], template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-3 h-full\"\r\n [class.none]=\"!whiteCard() && !blackCard()\"\r\n >\r\n <kv-cards-instruction\r\n [whiteCard]=\"whiteCard()\"\r\n [blackCard]=\"blackCard()\"\r\n >\r\n <div white-card-content class=\"h-full\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content class=\"h-full\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n </div>\r\n </div>\r\n\r\n @if (actions().length > 0) {\r\n <div\r\n class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n camposObrigatorios() ? 'between' : 'end'\r\n }} align-items-center p-2\"\r\n >\r\n @if (camposObrigatorios()) {\r\n <span class=\"text-xs text-red-500 font-semibold\">* Preenchimento obrigat\u00F3rio</span>\r\n }\r\n\r\n <div class=\"flex flex-row justify-content-end gap-2\">\r\n @for (action of actions().slice().reverse(); track action.index) {\r\n <kv-button\r\n [label]=\"action.label || ''\"\r\n [severity]=\"action.severity || 'tertiary'\"\r\n [disabled]=\"action.disabled || false\"\r\n [type]=\"action.type\"\r\n [size]=\"action.size || 'small'\"\r\n [icon]=\"action.icon || ''\"\r\n [iconPosition]=\"action.iconPosition || 'left'\"\r\n [items]=\"action.items || []\"\r\n [popup]=\"action.popup || false\"\r\n [popupIcon]=\"action.popupIcon || false\"\r\n [fullWidth]=\"action.fullWidth || false\"\r\n (onClick)=\"action?.command($event)\"\r\n ></kv-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n\r\n<p-sidebar\r\n [(visible)]=\"verIntrucoes\"\r\n position=\"right\"\r\n appendTo=\"body\"\r\n [showCloseIcon]=\"true\"\r\n styleClass=\"w-30rem\"\r\n>\r\n <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n <div white-card-content>\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content>\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n</p-sidebar>\r\n" }]
|
|
28
28
|
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW5zdHJ1Y3Rpb24tcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rdi1pbnN0cnVjdGlvbi1wYWdlL2t2LWluc3RydWN0aW9uLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5zdHJ1Y3Rpb24tcGFnZS9rdi1pbnN0cnVjdGlvbi1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQzVHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQVdoRCxNQUFNLE9BQU8sMEJBQTBCO0lBUHZDO1FBU0UsWUFBTyxHQUFHLEtBQUssQ0FBZ0IsRUFBRSxDQUFDLENBQUM7UUFFbkMsdUJBQWtCLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRTNDLGNBQVMsR0FBRyxLQUFLLENBSUYsU0FBUyxDQUFDLENBQUM7UUFHMUIsY0FBUyxHQUFHLEtBQUssRUFJRCxDQUFDO1FBRWpCLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMxQixJQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFDdkMsT0FBTyxRQUFRLENBQUM7WUFFbEIsT0FBTyxLQUFLLENBQUE7UUFDZCxDQUFDLENBQUMsQ0FBQTtRQUVGLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0tBQ3RCOzhHQTNCWSwwQkFBMEI7a0dBQTFCLDBCQUEwQixnb0JDaEJ2QyxpZ0dBd0ZBLHlERDVFWSxjQUFjLHNSQUFFLGFBQWEsK0JBQUUsMkJBQTJCLG9HQUFFLGFBQWE7OzJGQUl4RSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLGNBQWMsRUFBRSxhQUFhLEVBQUUsMkJBQTJCLEVBQUUsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgS3ZCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9rdi1idXR0b24va3YtYnV0dG9uLm1vZHVsZSc7XHJcbmltcG9ydCB7IEJ1dHRvbk1vZGVsIH0gZnJvbSAnLi4vLi4vYXBpL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2RlbCc7XHJcbmltcG9ydCB7IERpdmlkZXJNb2R1bGUgfSBmcm9tICdwcmltZW5nL2RpdmlkZXInO1xyXG5pbXBvcnQgeyBLdkNhcmRzSW5zdHJ1Y3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2FyZHMtaW5zdHJ1Y3Rpb24va3YtY2FyZHMtaW5zdHJ1Y3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2lkZWJhck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvc2lkZWJhcic7XHJcblxyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtaW5zdHJ1Y3Rpb24tcGFnZScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbS3ZCdXR0b25Nb2R1bGUsIERpdmlkZXJNb2R1bGUsIEt2Q2FyZHNJbnN0cnVjdGlvbkNvbXBvbmVudCwgU2lkZWJhck1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LWluc3RydWN0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1pbnN0cnVjdGlvbi1wYWdlLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZJbnN0cnVjdGlvblBhZ2VDb21wb25lbnQge1xyXG5cclxuICBhY3Rpb25zID0gaW5wdXQ8QnV0dG9uTW9kZWxbXT4oW10pO1xyXG5cclxuICBjYW1wb3NPYnJpZ2F0b3Jpb3MgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gIHdoaXRlQ2FyZCA9IGlucHV0PHtcclxuICAgIHRpdGxlOiBzdHJpbmc7XHJcbiAgICBpY29uOiBzdHJpbmc7XHJcbiAgICBoZWlnaHQ6IG51bWJlcjtcclxuICB9IHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xyXG5cclxuXHJcbiAgYmxhY2tDYXJkID0gaW5wdXQ8e1xyXG4gICAgdGl0bGU6IHN0cmluZztcclxuICAgIGljb246IHN0cmluZztcclxuICAgIGhlaWdodDogbnVtYmVyO1xyXG4gIH0gfCB1bmRlZmluZWQ+KCk7XHJcblxyXG4gIHNpemVDb250ZW50ID0gY29tcHV0ZWQoKCkgPT4ge1xyXG4gICAgaWYoIXRoaXMud2hpdGVDYXJkKCkgJiYgIXRoaXMuYmxhY2tDYXJkKCkpXHJcbiAgICAgIHJldHVybiAndy1mdWxsJztcclxuXHJcbiAgICByZXR1cm4gJ3ctOSdcclxuICB9KVxyXG5cclxuICB2ZXJJbnRydWNvZXMgPSBmYWxzZTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaC1mdWxsIGZsZXggZmxleC1jb2x1bW4gb3ZlcmZsb3ctaGlkZGVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cImZsZXgtMSBtaW4taC0wIGZsZXggZmxleC1yb3cgcC0yIGdhcC0yXCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiaC1mdWxsIG1heC1oLWZ1bGwgb3ZlcmZsb3cteS1hdXRvIHctMTIgbGc6e3tcclxuICAgICAgICBzaXplQ29udGVudCgpXHJcbiAgICAgIH19IHJlbGF0aXZlXCJcclxuICAgID5cclxuICAgICAgQGlmICh0aGlzLndoaXRlQ2FyZCgpIHx8IHRoaXMuYmxhY2tDYXJkKCkpIHtcclxuICAgICAgICA8a3YtYnV0dG9uXHJcbiAgICAgICAgICBbc2V2ZXJpdHldPVwiJ3NlY29uZGFyeSdcIlxyXG4gICAgICAgICAgW3R5cGVdPVwiJ3RleHQnXCJcclxuICAgICAgICAgIFtzaXplXT1cIidsYXJnZSdcIlxyXG4gICAgICAgICAgW2ljb25dPVwiJ3F1aWNrX3JlZmVyZW5jZSdcIlxyXG4gICAgICAgICAgY2xhc3M9XCJibG9jayBsZzpoaWRkZW4gYWJzb2x1dGUgdG9wLTAgcmlnaHQtMCBwdC0xIHByLTFcIlxyXG4gICAgICAgICAgKG9uQ2xpY2spPVwidmVySW50cnVjb2VzID0gdHJ1ZVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwva3YtYnV0dG9uPlxyXG4gICAgICB9XHJcblxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbWFpbi1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJoaWRkZW4gbGc6YmxvY2sgdy0zIGgtZnVsbFwiXHJcbiAgICAgIFtjbGFzcy5ub25lXT1cIiF3aGl0ZUNhcmQoKSAmJiAhYmxhY2tDYXJkKClcIlxyXG4gICAgPlxyXG4gICAgICA8a3YtY2FyZHMtaW5zdHJ1Y3Rpb25cclxuICAgICAgICBbd2hpdGVDYXJkXT1cIndoaXRlQ2FyZCgpXCJcclxuICAgICAgICBbYmxhY2tDYXJkXT1cImJsYWNrQ2FyZCgpXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxkaXYgd2hpdGUtY2FyZC1jb250ZW50IGNsYXNzPVwiaC1mdWxsXCI+XHJcbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbd2hpdGUtY2FyZC1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGJsYWNrLWNhcmQtY29udGVudCBjbGFzcz1cImgtZnVsbFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JsYWNrLWNhcmQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwva3YtY2FyZHMtaW5zdHJ1Y3Rpb24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgQGlmIChhY3Rpb25zKCkubGVuZ3RoID4gMCkge1xyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImZsZXgtaW5pdGlhbCBmbGV4LW5vbmUgZmxleCBmbGV4LXJvdyBqdXN0aWZ5LWNvbnRlbnQte3tcclxuICAgICAgICBjYW1wb3NPYnJpZ2F0b3Jpb3MoKSA/ICdiZXR3ZWVuJyA6ICdlbmQnXHJcbiAgICAgIH19IGFsaWduLWl0ZW1zLWNlbnRlciBwLTJcIlxyXG4gICAgPlxyXG4gICAgICBAaWYgKGNhbXBvc09icmlnYXRvcmlvcygpKSB7XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXhzIHRleHQtcmVkLTUwMCBmb250LXNlbWlib2xkXCI+KiBQcmVlbmNoaW1lbnRvIG9icmlnYXTDs3Jpbzwvc3Bhbj5cclxuICAgICAgfVxyXG5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1yb3cganVzdGlmeS1jb250ZW50LWVuZCBnYXAtMlwiPlxyXG4gICAgICAgIEBmb3IgKGFjdGlvbiBvZiBhY3Rpb25zKCkuc2xpY2UoKS5yZXZlcnNlKCk7IHRyYWNrIGFjdGlvbi5pbmRleCkge1xyXG4gICAgICAgICAgPGt2LWJ1dHRvblxyXG4gICAgICAgICAgICBbbGFiZWxdPVwiYWN0aW9uLmxhYmVsIHx8ICcnXCJcclxuICAgICAgICAgICAgW3NldmVyaXR5XT1cImFjdGlvbi5zZXZlcml0eSB8fCAndGVydGlhcnknXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZCB8fCBmYWxzZVwiXHJcbiAgICAgICAgICAgIFt0eXBlXT1cImFjdGlvbi50eXBlXCJcclxuICAgICAgICAgICAgW3NpemVdPVwiYWN0aW9uLnNpemUgfHwgJ3NtYWxsJ1wiXHJcbiAgICAgICAgICAgIFtpY29uXT1cImFjdGlvbi5pY29uIHx8ICcnXCJcclxuICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJhY3Rpb24uaWNvblBvc2l0aW9uIHx8ICdsZWZ0J1wiXHJcbiAgICAgICAgICAgIFtpdGVtc109XCJhY3Rpb24uaXRlbXMgfHwgW11cIlxyXG4gICAgICAgICAgICBbcG9wdXBdPVwiYWN0aW9uLnBvcHVwIHx8IGZhbHNlXCJcclxuICAgICAgICAgICAgW3BvcHVwSWNvbl09XCJhY3Rpb24ucG9wdXBJY29uIHx8IGZhbHNlXCJcclxuICAgICAgICAgICAgW2Z1bGxXaWR0aF09XCJhY3Rpb24uZnVsbFdpZHRoIHx8IGZhbHNlXCJcclxuICAgICAgICAgICAgKG9uQ2xpY2spPVwiYWN0aW9uPy5jb21tYW5kKCRldmVudClcIlxyXG4gICAgICAgICAgPjwva3YtYnV0dG9uPlxyXG4gICAgICAgIH1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG5cclxuPHAtc2lkZWJhclxyXG4gIFsodmlzaWJsZSldPVwidmVySW50cnVjb2VzXCJcclxuICBwb3NpdGlvbj1cInJpZ2h0XCJcclxuICBhcHBlbmRUbz1cImJvZHlcIlxyXG4gIFtzaG93Q2xvc2VJY29uXT1cInRydWVcIlxyXG4gIHN0eWxlQ2xhc3M9XCJ3LTMwcmVtXCJcclxuPlxyXG4gIDxrdi1jYXJkcy1pbnN0cnVjdGlvbiBbd2hpdGVDYXJkXT1cIndoaXRlQ2FyZCgpXCIgW2JsYWNrQ2FyZF09XCJibGFja0NhcmQoKVwiPlxyXG4gICAgPGRpdiB3aGl0ZS1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt3aGl0ZS1jYXJkLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGJsYWNrLWNhcmQtY29udGVudD5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JsYWNrLWNhcmQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2t2LWNhcmRzLWluc3RydWN0aW9uPlxyXG48L3Atc2lkZWJhcj5cclxuIl19
|
|
@@ -14504,11 +14504,11 @@ class KvCardsInstructionComponent {
|
|
|
14504
14504
|
this.blackCard = input();
|
|
14505
14505
|
}
|
|
14506
14506
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardsInstructionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14507
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardsInstructionComponent, isStandalone: true, selector: "kv-cards-instruction", inputs: { whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-
|
|
14507
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvCardsInstructionComponent, isStandalone: true, selector: "kv-cards-instruction", inputs: { whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl text-{{whiteCard()?.color || 'blue'}}-600\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-gray-200 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"blackCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(blackCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl\"> {{ blackCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ blackCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [""] }); }
|
|
14508
14508
|
}
|
|
14509
14509
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardsInstructionComponent, decorators: [{
|
|
14510
14510
|
type: Component,
|
|
14511
|
-
args: [{ selector: 'kv-cards-instruction', standalone: true, imports: [], template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-
|
|
14511
|
+
args: [{ selector: 'kv-cards-instruction', standalone: true, imports: [], template: "<div class=\"w-full h-full flex flex-column gap-2\">\r\n @if (whiteCard()) {\r\n <div\r\n class=\"bg-white border-1 border-gray-300 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"whiteCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(whiteCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl text-{{whiteCard()?.color || 'blue'}}-600\"> {{ whiteCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ whiteCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n\r\n @if (blackCard()) {\r\n <div\r\n class=\"bg-gray-900 text-gray-200 border-round-lg p-3 min-h-0 flex flex-column gap-4\"\r\n [style.height.%]=\"blackCard()?.height\"\r\n >\r\n <div class=\"flex flex-row align-items-center gap-2\">\r\n @if(blackCard()?.icon) {\r\n <span class=\"material-symbols-outlined font-semibold text-xl\"> {{ blackCard()?.icon }}</span>\r\n }\r\n <span class=\"font-semibold text-sm\">{{ blackCard()?.title }}</span>\r\n </div>\r\n\r\n <div class=\"h-full max-h-full overflow-y-auto text-xs\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n" }]
|
|
14512
14512
|
}] });
|
|
14513
14513
|
|
|
14514
14514
|
class KvInstructionPageComponent {
|
|
@@ -14520,16 +14520,16 @@ class KvInstructionPageComponent {
|
|
|
14520
14520
|
this.sizeContent = computed(() => {
|
|
14521
14521
|
if (!this.whiteCard() && !this.blackCard())
|
|
14522
14522
|
return 'w-full';
|
|
14523
|
-
return 'w-
|
|
14523
|
+
return 'w-9';
|
|
14524
14524
|
});
|
|
14525
14525
|
this.verIntrucoes = false;
|
|
14526
14526
|
}
|
|
14527
14527
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14528
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvInstructionPageComponent, isStandalone: true, selector: "kv-instruction-page", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, camposObrigatorios: { classPropertyName: "camposObrigatorios", publicName: "camposObrigatorios", isSignal: true, isRequired: false, transformFunction: null }, whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-
|
|
14528
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvInstructionPageComponent, isStandalone: true, selector: "kv-instruction-page", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, camposObrigatorios: { classPropertyName: "camposObrigatorios", publicName: "camposObrigatorios", isSignal: true, isRequired: false, transformFunction: null }, whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-3 h-full\"\r\n [class.none]=\"!whiteCard() && !blackCard()\"\r\n >\r\n <kv-cards-instruction\r\n [whiteCard]=\"whiteCard()\"\r\n [blackCard]=\"blackCard()\"\r\n >\r\n <div white-card-content class=\"h-full\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content class=\"h-full\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n </div>\r\n </div>\r\n\r\n @if (actions().length > 0) {\r\n <div\r\n class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n camposObrigatorios() ? 'between' : 'end'\r\n }} align-items-center p-2\"\r\n >\r\n @if (camposObrigatorios()) {\r\n <span class=\"text-xs text-red-500 font-semibold\">* Preenchimento obrigat\u00F3rio</span>\r\n }\r\n\r\n <div class=\"flex flex-row justify-content-end gap-2\">\r\n @for (action of actions().slice().reverse(); track action.index) {\r\n <kv-button\r\n [label]=\"action.label || ''\"\r\n [severity]=\"action.severity || 'tertiary'\"\r\n [disabled]=\"action.disabled || false\"\r\n [type]=\"action.type\"\r\n [size]=\"action.size || 'small'\"\r\n [icon]=\"action.icon || ''\"\r\n [iconPosition]=\"action.iconPosition || 'left'\"\r\n [items]=\"action.items || []\"\r\n [popup]=\"action.popup || false\"\r\n [popupIcon]=\"action.popupIcon || false\"\r\n [fullWidth]=\"action.fullWidth || false\"\r\n (onClick)=\"action?.command($event)\"\r\n ></kv-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n\r\n<p-sidebar\r\n [(visible)]=\"verIntrucoes\"\r\n position=\"right\"\r\n appendTo=\"body\"\r\n [showCloseIcon]=\"true\"\r\n styleClass=\"w-30rem\"\r\n>\r\n <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n <div white-card-content>\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content>\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n</p-sidebar>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup", "popupIcon"], outputs: ["iconChange", "onClick"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: KvCardsInstructionComponent, selector: "kv-cards-instruction", inputs: ["whiteCard", "blackCard"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i10$1.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] }); }
|
|
14529
14529
|
}
|
|
14530
14530
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, decorators: [{
|
|
14531
14531
|
type: Component,
|
|
14532
|
-
args: [{ selector: 'kv-instruction-page', standalone: true, imports: [KvButtonModule, DividerModule, KvCardsInstructionComponent, SidebarModule], template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-
|
|
14532
|
+
args: [{ selector: 'kv-instruction-page', standalone: true, imports: [KvButtonModule, DividerModule, KvCardsInstructionComponent, SidebarModule], template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n <div\r\n class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n sizeContent()\r\n }} relative\"\r\n >\r\n @if (this.whiteCard() || this.blackCard()) {\r\n <kv-button\r\n [severity]=\"'secondary'\"\r\n [type]=\"'text'\"\r\n [size]=\"'large'\"\r\n [icon]=\"'quick_reference'\"\r\n class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n (onClick)=\"verIntrucoes = true\"\r\n >\r\n </kv-button>\r\n }\r\n\r\n <ng-content select=\"[main-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n class=\"hidden lg:block w-3 h-full\"\r\n [class.none]=\"!whiteCard() && !blackCard()\"\r\n >\r\n <kv-cards-instruction\r\n [whiteCard]=\"whiteCard()\"\r\n [blackCard]=\"blackCard()\"\r\n >\r\n <div white-card-content class=\"h-full\">\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content class=\"h-full\">\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n </div>\r\n </div>\r\n\r\n @if (actions().length > 0) {\r\n <div\r\n class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n camposObrigatorios() ? 'between' : 'end'\r\n }} align-items-center p-2\"\r\n >\r\n @if (camposObrigatorios()) {\r\n <span class=\"text-xs text-red-500 font-semibold\">* Preenchimento obrigat\u00F3rio</span>\r\n }\r\n\r\n <div class=\"flex flex-row justify-content-end gap-2\">\r\n @for (action of actions().slice().reverse(); track action.index) {\r\n <kv-button\r\n [label]=\"action.label || ''\"\r\n [severity]=\"action.severity || 'tertiary'\"\r\n [disabled]=\"action.disabled || false\"\r\n [type]=\"action.type\"\r\n [size]=\"action.size || 'small'\"\r\n [icon]=\"action.icon || ''\"\r\n [iconPosition]=\"action.iconPosition || 'left'\"\r\n [items]=\"action.items || []\"\r\n [popup]=\"action.popup || false\"\r\n [popupIcon]=\"action.popupIcon || false\"\r\n [fullWidth]=\"action.fullWidth || false\"\r\n (onClick)=\"action?.command($event)\"\r\n ></kv-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n\r\n<p-sidebar\r\n [(visible)]=\"verIntrucoes\"\r\n position=\"right\"\r\n appendTo=\"body\"\r\n [showCloseIcon]=\"true\"\r\n styleClass=\"w-30rem\"\r\n>\r\n <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n <div white-card-content>\r\n <ng-content select=\"[white-card-content]\"></ng-content>\r\n </div>\r\n <div black-card-content>\r\n <ng-content select=\"[black-card-content]\"></ng-content>\r\n </div>\r\n </kv-cards-instruction>\r\n</p-sidebar>\r\n" }]
|
|
14533
14533
|
}] });
|
|
14534
14534
|
|
|
14535
14535
|
/*
|