@litigiovirtual/ius-design-components 1.0.247 → 1.0.249
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/button-accounts/button-accounts.component.mjs +3 -3
- package/esm2022/lib/card-list-drag-on/card-list-drag-on.component.mjs +7 -4
- package/esm2022/lib/date-hour-picker/date-hour-picker.component.mjs +3 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs +9 -6
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-list-drag-on/card-list-drag-on.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -32,7 +32,7 @@ export class ButtonAccountsComponent {
|
|
|
32
32
|
this.openOptions = !this.openOptions;
|
|
33
33
|
}
|
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAccountsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAccountsComponent, isStandalone: true, selector: "ius-button-accounts", inputs: { account: "account" }, outputs: { accountSelected: "accountSelected", onPressedPredeterminado: "onPressedPredeterminado", onPressedDesvincular: "onPressedDesvincular", onPressedEditar: "onPressedEditar" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"general\">\r\n <button type=\"button\" class=\"ius-btn\" [class.isOpen]=\"isOpen\" [class.menuOpen]=\"openOptions\"\r\n [class.isPredetermined]=\"account.isPredetermined\" (click)=\"onClickAccount(account)\">\r\n\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"account.logo\" [name]=\"account.name\" size=\"md\" shape=\"circle\"\r\n fallbackIconName=\"icon-account-circle\">\r\n </ius-avatar-v2>\r\n\r\n <span class=\"name body-base-1\">{{ account.name }}</span>\r\n </div>\r\n\r\n <ius-button-circle-tertiary (click)=\"showOptions($event)\" [iconName]=\"'icon-more-vert'\">\r\n </ius-button-circle-tertiary>\r\n </button>\r\n\r\n @if (openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-option [checked]=\"
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAccountsComponent, isStandalone: true, selector: "ius-button-accounts", inputs: { account: "account" }, outputs: { accountSelected: "accountSelected", onPressedPredeterminado: "onPressedPredeterminado", onPressedDesvincular: "onPressedDesvincular", onPressedEditar: "onPressedEditar" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"general\">\r\n <button type=\"button\" class=\"ius-btn\" [class.isOpen]=\"isOpen\" [class.menuOpen]=\"openOptions\"\r\n [class.isPredetermined]=\"account.isPredetermined\" (click)=\"onClickAccount(account)\">\r\n\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"account.logo\" [name]=\"account.name\" size=\"md\" shape=\"circle\"\r\n fallbackIconName=\"icon-account-circle\">\r\n </ius-avatar-v2>\r\n\r\n <span class=\"name body-base-1\">{{ account.name }}</span>\r\n </div>\r\n\r\n <ius-button-circle-tertiary (click)=\"showOptions($event)\" [iconName]=\"'icon-more-vert'\">\r\n </ius-button-circle-tertiary>\r\n </button>\r\n\r\n @if (openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-option [checked]=\"true\" (optionClick)=\"onPressedPredeterminado.emit(account)\">\r\n <span class=\"body-large\">Marcar como predeterminada</span>\r\n </ius-option>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <ius-option [leadingIcon]=\"'icon-edit'\" (optionClick)=\"onPressedEditar.emit(account)\">\r\n <span class=\"body-large\">Editar</span>\r\n </ius-option>\r\n\r\n <ius-option [leadingIcon]=\"'icon-delete'\" (optionClick)=\"onPressedDesvincular.emit(account)\">\r\n <span class=\"body-large\">Desvincular</span>\r\n </ius-option>\r\n </div>\r\n }\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general{position:relative;width:100%}.ius-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:48px;width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid #eaeaea;background-color:#fff;color:#333;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.ius-btn:hover:not(:disabled){border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border-color:#c4dfff;background-color:#c4dfff;box-shadow:none}.ius-btn.isOpen{border-color:#c4dfff;background-color:#edf6ff}.ius-btn.menuOpen{border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn.isOpen.menuOpen{border-color:#c4dfff;background-color:#edf6ff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.content{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:#333}.more-box{position:absolute;top:100%;left:90%;margin-top:8px;min-width:240px;padding:8px;z-index:100;display:flex;flex-direction:column;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;border:1px solid #f0f0f0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon"], outputs: ["optionClick"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: AvatarV2Component, selector: "ius-avatar-v2", inputs: ["imageUrl", "name", "size", "shape", "showEditButton", "backgroundColor", "fallbackIconName"], outputs: ["editClicked"] }] }); }
|
|
36
36
|
}
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAccountsComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
42
42
|
OptionComponent,
|
|
43
43
|
SimpleDividerComponent,
|
|
44
44
|
AvatarV2Component
|
|
45
|
-
], template: "<div class=\"general\">\r\n <button type=\"button\" class=\"ius-btn\" [class.isOpen]=\"isOpen\" [class.menuOpen]=\"openOptions\"\r\n [class.isPredetermined]=\"account.isPredetermined\" (click)=\"onClickAccount(account)\">\r\n\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"account.logo\" [name]=\"account.name\" size=\"md\" shape=\"circle\"\r\n fallbackIconName=\"icon-account-circle\">\r\n </ius-avatar-v2>\r\n\r\n <span class=\"name body-base-1\">{{ account.name }}</span>\r\n </div>\r\n\r\n <ius-button-circle-tertiary (click)=\"showOptions($event)\" [iconName]=\"'icon-more-vert'\">\r\n </ius-button-circle-tertiary>\r\n </button>\r\n\r\n @if (openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-option [checked]=\"
|
|
45
|
+
], template: "<div class=\"general\">\r\n <button type=\"button\" class=\"ius-btn\" [class.isOpen]=\"isOpen\" [class.menuOpen]=\"openOptions\"\r\n [class.isPredetermined]=\"account.isPredetermined\" (click)=\"onClickAccount(account)\">\r\n\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"account.logo\" [name]=\"account.name\" size=\"md\" shape=\"circle\"\r\n fallbackIconName=\"icon-account-circle\">\r\n </ius-avatar-v2>\r\n\r\n <span class=\"name body-base-1\">{{ account.name }}</span>\r\n </div>\r\n\r\n <ius-button-circle-tertiary (click)=\"showOptions($event)\" [iconName]=\"'icon-more-vert'\">\r\n </ius-button-circle-tertiary>\r\n </button>\r\n\r\n @if (openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-option [checked]=\"true\" (optionClick)=\"onPressedPredeterminado.emit(account)\">\r\n <span class=\"body-large\">Marcar como predeterminada</span>\r\n </ius-option>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <ius-option [leadingIcon]=\"'icon-edit'\" (optionClick)=\"onPressedEditar.emit(account)\">\r\n <span class=\"body-large\">Editar</span>\r\n </ius-option>\r\n\r\n <ius-option [leadingIcon]=\"'icon-delete'\" (optionClick)=\"onPressedDesvincular.emit(account)\">\r\n <span class=\"body-large\">Desvincular</span>\r\n </ius-option>\r\n </div>\r\n }\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general{position:relative;width:100%}.ius-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:48px;width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid #eaeaea;background-color:#fff;color:#333;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.ius-btn:hover:not(:disabled){border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border-color:#c4dfff;background-color:#c4dfff;box-shadow:none}.ius-btn.isOpen{border-color:#c4dfff;background-color:#edf6ff}.ius-btn.menuOpen{border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn.isOpen.menuOpen{border-color:#c4dfff;background-color:#edf6ff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.content{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:#333}.more-box{position:absolute;top:100%;left:90%;margin-top:8px;min-width:240px;padding:8px;z-index:100;display:flex;flex-direction:column;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;border:1px solid #f0f0f0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}\n"] }]
|
|
46
46
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { account: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], accountSelected: [{
|
|
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
57
57
|
type: HostListener,
|
|
58
58
|
args: ['document:click', ['$event']]
|
|
59
59
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWFjY291bnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi1hY2NvdW50cy9idXR0b24tYWNjb3VudHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLWFjY291bnRzL2J1dHRvbi1hY2NvdW50cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM1QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBc0JqRCxNQUFNLE9BQU8sdUJBQXVCO0lBV2xDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFWMUMsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBSVYsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzlDLDRCQUF1QixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDdEQseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUNuRCxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFVixDQUFDO0lBRy9DLGVBQWUsQ0FBQyxLQUFpQjtRQUMvQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBcUIsQ0FBQztRQUMzQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDcEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDM0IsQ0FBQztJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsT0FBZ0I7UUFDN0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7K0dBL0JVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDRXQzNCcEMsNDhDQWlDTSxnK0ZEZkYsWUFBWSwrQkFDWiw2QkFBNkIscUlBQzdCLGVBQWUsaUlBQ2Ysc0JBQXNCLCtEQUN0QixpQkFBaUI7OzRGQUtSLHVCQUF1QjtrQkFibkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osNkJBQTZCO3dCQUM3QixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsaUJBQWlCO3FCQUNsQjsrRUFRUSxPQUFPO3NCQUFmLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyx1QkFBdUI7c0JBQWhDLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU07Z0JBS1AsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25DaXJjbGVUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tY2lyY2xlLXRlcnRpYXJ5XCI7XHJcbmltcG9ydCB7IE9wdGlvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9vcHRpb25cIjtcclxuaW1wb3J0IHsgU2ltcGxlRGl2aWRlckNvbXBvbmVudCB9IGZyb20gXCIuLi9zaW1wbGUtZGl2aWRlclwiO1xyXG5pbXBvcnQgeyBBdmF0YXJWMkNvbXBvbmVudCB9IGZyb20gXCIuLi9hdmF0YXItdjJcIjtcclxuXHJcbmludGVyZmFjZSBBY2NvdW50IHtcclxuICBhY2NvdW50SUQ6IG51bWJlcjtcclxuICBuYW1lOiBzdHJpbmc7XHJcbiAgbG9nbz86IHN0cmluZztcclxuICBpc1ByZWRldGVybWluZWQ/OiBib29sZWFuO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1idXR0b24tYWNjb3VudHMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgQnV0dG9uQ2lyY2xlVGVydGlhcnlDb21wb25lbnQsXHJcbiAgICBPcHRpb25Db21wb25lbnQsXHJcbiAgICBTaW1wbGVEaXZpZGVyQ29tcG9uZW50LFxyXG4gICAgQXZhdGFyVjJDb21wb25lbnRcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tYWNjb3VudHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9idXR0b24tYWNjb3VudHMuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25BY2NvdW50c0NvbXBvbmVudCB7XHJcbiAgaXNPcGVuID0gZmFsc2U7XHJcbiAgb3Blbk9wdGlvbnMgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgYWNjb3VudCE6IEFjY291bnQ7XHJcblxyXG4gIEBPdXRwdXQoKSBhY2NvdW50U2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFjY291bnQ+KCk7XHJcbiAgQE91dHB1dCgpIG9uUHJlc3NlZFByZWRldGVybWluYWRvID0gbmV3IEV2ZW50RW1pdHRlcjxBY2NvdW50PigpO1xyXG4gIEBPdXRwdXQoKSBvblByZXNzZWREZXN2aW5jdWxhciA9IG5ldyBFdmVudEVtaXR0ZXI8QWNjb3VudD4oKTtcclxuICBAT3V0cHV0KCkgb25QcmVzc2VkRWRpdGFyID0gbmV3IEV2ZW50RW1pdHRlcjxBY2NvdW50PigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHsgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgb25Eb2N1bWVudENsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICBpZiAoIXRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldCkpIHtcclxuICAgICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcclxuICAgICAgdGhpcy5vcGVuT3B0aW9ucyA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25DbGlja0FjY291bnQoYWNjb3VudDogQWNjb3VudCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgICB0aGlzLmFjY291bnRTZWxlY3RlZC5lbWl0KGFjY291bnQpO1xyXG4gIH1cclxuXHJcbiAgc2hvd09wdGlvbnMoZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIHRoaXMub3Blbk9wdGlvbnMgPSAhdGhpcy5vcGVuT3B0aW9ucztcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWxcIj5cclxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiaXVzLWJ0blwiIFtjbGFzcy5pc09wZW5dPVwiaXNPcGVuXCIgW2NsYXNzLm1lbnVPcGVuXT1cIm9wZW5PcHRpb25zXCJcclxuICAgICAgICBbY2xhc3MuaXNQcmVkZXRlcm1pbmVkXT1cImFjY291bnQuaXNQcmVkZXRlcm1pbmVkXCIgKGNsaWNrKT1cIm9uQ2xpY2tBY2NvdW50KGFjY291bnQpXCI+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxpdXMtYXZhdGFyLXYyIFtpbWFnZVVybF09XCJhY2NvdW50LmxvZ29cIiBbbmFtZV09XCJhY2NvdW50Lm5hbWVcIiBzaXplPVwibWRcIiBzaGFwZT1cImNpcmNsZVwiXHJcbiAgICAgICAgICAgICAgICBmYWxsYmFja0ljb25OYW1lPVwiaWNvbi1hY2NvdW50LWNpcmNsZVwiPlxyXG4gICAgICAgICAgICA8L2l1cy1hdmF0YXItdjI+XHJcblxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hbWUgYm9keS1iYXNlLTFcIj57eyBhY2NvdW50Lm5hbWUgfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxpdXMtYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeSAoY2xpY2spPVwic2hvd09wdGlvbnMoJGV2ZW50KVwiIFtpY29uTmFtZV09XCInaWNvbi1tb3JlLXZlcnQnXCI+XHJcbiAgICAgICAgPC9pdXMtYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeT5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIEBpZiAob3Blbk9wdGlvbnMpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJtb3JlLWJveCBhY3RpdmVcIj5cclxuICAgICAgICA8aXVzLW9wdGlvbiBbY2hlY2tlZF09XCJ0cnVlXCIgKG9wdGlvbkNsaWNrKT1cIm9uUHJlc3NlZFByZWRldGVybWluYWRvLmVtaXQoYWNjb3VudClcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJib2R5LWxhcmdlXCI+TWFyY2FyIGNvbW8gcHJlZGV0ZXJtaW5hZGE8L3NwYW4+XHJcbiAgICAgICAgPC9pdXMtb3B0aW9uPlxyXG5cclxuICAgICAgICA8aXVzLXNpbXBsZS1kaXZpZGVyPjwvaXVzLXNpbXBsZS1kaXZpZGVyPlxyXG5cclxuICAgICAgICA8aXVzLW9wdGlvbiBbbGVhZGluZ0ljb25dPVwiJ2ljb24tZWRpdCdcIiAob3B0aW9uQ2xpY2spPVwib25QcmVzc2VkRWRpdGFyLmVtaXQoYWNjb3VudClcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJib2R5LWxhcmdlXCI+RWRpdGFyPC9zcGFuPlxyXG4gICAgICAgIDwvaXVzLW9wdGlvbj5cclxuXHJcbiAgICAgICAgPGl1cy1vcHRpb24gW2xlYWRpbmdJY29uXT1cIidpY29uLWRlbGV0ZSdcIiAob3B0aW9uQ2xpY2spPVwib25QcmVzc2VkRGVzdmluY3VsYXIuZW1pdChhY2NvdW50KVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJvZHktbGFyZ2VcIj5EZXN2aW5jdWxhcjwvc3Bhbj5cclxuICAgICAgICA8L2l1cy1vcHRpb24+XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuPC9kaXY+Il19
|
|
@@ -2,7 +2,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import { IconSmComponent } from "../icon-sm/icon-sm.component";
|
|
3
3
|
import { IconMdComponent } from "../icon-md/icon-md.component";
|
|
4
4
|
import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary/button-squared-tertiary.component";
|
|
5
|
-
import {
|
|
5
|
+
import { AvatarV2Component } from "../avatar-v2/avatar-v2.component";
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class CardListDragOnComponent {
|
|
8
8
|
constructor() {
|
|
@@ -11,6 +11,7 @@ export class CardListDragOnComponent {
|
|
|
11
11
|
this.subetapas = 0;
|
|
12
12
|
this.fecha = '';
|
|
13
13
|
this.imageUrl = '';
|
|
14
|
+
this.userName = '';
|
|
14
15
|
this.isUsed = false;
|
|
15
16
|
this.isSelected = false;
|
|
16
17
|
this.smallText = '';
|
|
@@ -44,11 +45,11 @@ export class CardListDragOnComponent {
|
|
|
44
45
|
this.onClickCard.emit(this.id);
|
|
45
46
|
}
|
|
46
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListDragOnComponent, isStandalone: true, selector: "ius-card-list-drag-on", inputs: { etapaID: "etapaID", subetapaID: "subetapaID", anotherID: "anotherID", state: "state", name: "name", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", isUsed: "isUsed", isSelected: "isSelected", smallText: "smallText" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }@else{\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(fecha){\r\n
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListDragOnComponent, isStandalone: true, selector: "ius-card-list-drag-on", inputs: { etapaID: "etapaID", subetapaID: "subetapaID", anotherID: "anotherID", state: "state", name: "name", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", userName: "userName", isUsed: "isUsed", isSelected: "isSelected", smallText: "smallText" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }@else{\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(fecha){\r\n <ius-avatar-v2 [imageUrl]=\"imageUrl\" [name]=\"userName\" size=\"sm\"></ius-avatar-v2>\r\n }\r\n <p class=\"text\">{{ fecha }}</p>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @if (hover && (subetapaID || anotherID) ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}p{margin:0}.container{display:flex;padding:8px 12px;min-height:58px;box-sizing:border-box;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;cursor:pointer}.container:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0;min-width:0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;min-width:0}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0;min-width:0}.state{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.name{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.optional-data{display:flex;align-items:center;align-content:space-between;gap:24px}.title-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.title{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.image-date{display:flex;align-items:center;gap:8px}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.isClicked{border:1px solid #c4dfff!important;background:#edf6ff!important}.small-text{color:var(--ColorText-colorTextTertiary, #8c8c8c);font-family:Rubik;font-size:var(--Text-Size-FontSize-Small, 12px);font-style:normal;font-weight:400;line-height:var(--Text-Size-FontHeight-Small, 16px);letter-spacing:.24px}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: AvatarV2Component, selector: "ius-avatar-v2", inputs: ["imageUrl", "name", "size", "shape", "showEditButton", "backgroundColor", "fallbackIconName"], outputs: ["editClicked"] }] }); }
|
|
48
49
|
}
|
|
49
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, decorators: [{
|
|
50
51
|
type: Component,
|
|
51
|
-
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent,
|
|
52
|
+
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent, AvatarV2Component], template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }@else{\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(fecha){\r\n <ius-avatar-v2 [imageUrl]=\"imageUrl\" [name]=\"userName\" size=\"sm\"></ius-avatar-v2>\r\n }\r\n <p class=\"text\">{{ fecha }}</p>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @if (hover && (subetapaID || anotherID) ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}p{margin:0}.container{display:flex;padding:8px 12px;min-height:58px;box-sizing:border-box;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;cursor:pointer}.container:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0;min-width:0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;min-width:0}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0;min-width:0}.state{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.name{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.optional-data{display:flex;align-items:center;align-content:space-between;gap:24px}.title-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.title{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.image-date{display:flex;align-items:center;gap:8px}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.isClicked{border:1px solid #c4dfff!important;background:#edf6ff!important}.small-text{color:var(--ColorText-colorTextTertiary, #8c8c8c);font-family:Rubik;font-size:var(--Text-Size-FontSize-Small, 12px);font-style:normal;font-weight:400;line-height:var(--Text-Size-FontHeight-Small, 16px);letter-spacing:.24px}\n"] }]
|
|
52
53
|
}], propDecorators: { etapaID: [{
|
|
53
54
|
type: Input
|
|
54
55
|
}], subetapaID: [{
|
|
@@ -65,6 +66,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
65
66
|
type: Input
|
|
66
67
|
}], imageUrl: [{
|
|
67
68
|
type: Input
|
|
69
|
+
}], userName: [{
|
|
70
|
+
type: Input
|
|
68
71
|
}], isUsed: [{
|
|
69
72
|
type: Input
|
|
70
73
|
}], isSelected: [{
|
|
@@ -78,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
78
81
|
}], onClickCard: [{
|
|
79
82
|
type: Output
|
|
80
83
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBO0FBQzdHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOztBQVNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBUHBDO1FBV1csVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFFdEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3RDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN4QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFaEQsVUFBSyxHQUFHLEtBQUssQ0FBQztLQTRCZjtJQTFCQyxJQUFZLEVBQUU7UUFDWixPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzNELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUk7WUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJO1lBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFRCxTQUFTLENBQUMsS0FBWTtRQUNwQixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSTtZQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN0RCxDQUFDOytHQTdDVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qiw4YkNicEMscytFQStETSxnOUdEdERNLGVBQWUsdUZBQUUsZUFBZSx1RkFBRSw4QkFBOEIsc0lBQUUsaUJBQWlCOzs0RkFJbEYsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsZUFBZSxFQUFFLDhCQUE4QixFQUFFLGlCQUFpQixDQUFDOzhCQUtyRixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uU21Db21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQgfSBmcm9tIFwiLi4vYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkvYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkuY29tcG9uZW50XCJcclxuaW1wb3J0IHsgQXZhdGFyVjJDb21wb25lbnQgfSBmcm9tIFwiLi4vYXZhdGFyLXYyL2F2YXRhci12Mi5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWNhcmQtbGlzdC1kcmFnLW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uU21Db21wb25lbnQsIEljb25NZENvbXBvbmVudCwgQnV0dG9uU3F1YXJlZFRlcnRpYXJ5Q29tcG9uZW50LCBBdmF0YXJWMkNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtbGlzdC1kcmFnLW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkTGlzdERyYWdPbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgZXRhcGFJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBzdWJldGFwYUlEPzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGFub3RoZXJJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBzdGF0ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc3ViZXRhcGFzOiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGZlY2hhOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbWFnZVVybDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgdXNlck5hbWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGlzVXNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzU2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzbWFsbFRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIFxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRWRpdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRGVsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tDYXJkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGhvdmVyID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgZ2V0IGlkKCk6IG51bWJlciB8IHVuZGVmaW5lZCB7XHJcbiAgICByZXR1cm4gdGhpcy5ldGFwYUlEID8/IHRoaXMuc3ViZXRhcGFJRCA/PyB0aGlzLmFub3RoZXJJRDtcclxuICB9XHJcblxyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIHRoaXMuaG92ZXIgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tFZGl0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAodGhpcy5pZCAhPSBudWxsKSB0aGlzLm9uQ2xpY2tFZGl0LmVtaXQodGhpcy5pZCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0RlbGV0ZShldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xyXG4gICAgaWYgKHRoaXMuaWQgIT0gbnVsbCkgdGhpcy5vbkNsaWNrRGVsZXRlLmVtaXQodGhpcy5pZCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0NhcmQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIGlmICh0aGlzLmlkICE9IG51bGwpIHRoaXMub25DbGlja0NhcmQuZW1pdCh0aGlzLmlkKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWwtY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtjbGFzcy5pc0NsaWNrZWRdPVwiaXNTZWxlY3RlZFwiIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcigpXCIgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIlxyXG4gICAgKGNsaWNrKT1cImNsaWNrQ2FyZCgkZXZlbnQpXCI+XHJcbiAgICA8aXVzLWljb24tc20gW2ljb25OYW1lXT1cIidpY29uLWRyYWctaW5kaWNhdG9yJ1wiPjwvaXVzLWljb24tc20+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1kYXRhXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdGVcIj57eyBzdGF0ZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPnt7IG5hbWUgfX08L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNtYWxsLXRleHRcIj57eyBzbWFsbFRleHQgfX08L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIEBpZihldGFwYUlEKXtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwib3B0aW9uYWwtZGF0YVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5TdWJldGFwYXM8L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPnt7IHN1YmV0YXBhcyB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgQGlmIChob3Zlcikge1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5IGljb25OYW1lPVwiaWNvbi1lZGl0XCJcclxuICAgICAgICAgICAgICAgIChidXR0b25DbGlja2VkKT1cImNsaWNrRWRpdCgkZXZlbnQpXCI+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICBAaWYgKCFpc1VzZWQpIHtcclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5IGljb25OYW1lPVwiaWNvbi1kZWxldGVcIlxyXG4gICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tEZWxldGUoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9QGVsc2V7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtdGV4dC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0aXRsZVwiPkNyZWFkby9tb2RpZmljYWRvPC9wPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtZGF0ZVwiPlxyXG4gICAgICAgICAgICAgIEBpZihmZWNoYSl7XHJcbiAgICAgICAgICAgICAgPGl1cy1hdmF0YXItdjIgW2ltYWdlVXJsXT1cImltYWdlVXJsXCIgW25hbWVdPVwidXNlck5hbWVcIiBzaXplPVwic21cIj48L2l1cy1hdmF0YXItdjI+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPnt7IGZlY2hhIH19PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH0gQGlmIChob3ZlciAmJiAoc3ViZXRhcGFJRCB8fCBhbm90aGVySUQpICkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zXCI+XHJcbiAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5IGljb25OYW1lPVwiaWNvbi1lZGl0XCJcclxuICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja0VkaXQoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICBAaWYgKCFpc1VzZWQpIHtcclxuICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkgaWNvbk5hbWU9XCJpY29uLWRlbGV0ZVwiXHJcbiAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tEZWxldGUoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiJ2ljb24ta2V5Ym9hcmQtYXJyb3ctcmlnaHQnXCI+PC9pdXMtaWNvbi1tZD5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
|