@litigiovirtual/ius-design-components 1.0.151 → 1.0.152
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-menu-link/button-menu-link.component.mjs +31 -0
- package/esm2022/lib/button-menu-link/index.mjs +2 -0
- package/esm2022/lib/card-actividad-evento/card-actividad-evento.component.mjs +31 -0
- package/esm2022/lib/card-actividad-evento/index.mjs +2 -0
- package/esm2022/lib/card-agenda-judicial/card-agenda-judicial.component.mjs +33 -0
- package/esm2022/lib/card-agenda-judicial/index.mjs +2 -0
- package/esm2022/lib/card-etapa-subetapa/card-etapa-subetapa.component.mjs +33 -0
- package/esm2022/lib/card-etapa-subetapa/index.mjs +2 -0
- package/esm2022/lib/card-impulso-procesal/card-impulso-procesal.component.mjs +33 -0
- package/esm2022/lib/card-impulso-procesal/index.mjs +2 -0
- package/esm2022/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.mjs +33 -0
- package/esm2022/lib/card-vigilancia-judicial/index.mjs +2 -0
- package/esm2022/lib/icons/icons-map.mjs +30 -1
- package/esm2022/lib/popover/popover.component.mjs +2 -2
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +114 -0
- package/esm2022/lib/toolbar/toolbar.component.mjs +10 -3
- package/esm2022/lib/toolbar-user-menu/toolbar-user-menu.component.mjs +23 -3
- package/esm2022/public-api.mjs +7 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +353 -34
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/button-menu-link/button-menu-link.component.d.ts +11 -0
- package/lib/button-menu-link/index.d.ts +1 -0
- package/lib/card-actividad-evento/card-actividad-evento.component.d.ts +9 -0
- package/lib/card-actividad-evento/index.d.ts +1 -0
- package/lib/card-agenda-judicial/card-agenda-judicial.component.d.ts +10 -0
- package/lib/card-agenda-judicial/index.d.ts +1 -0
- package/lib/card-etapa-subetapa/card-etapa-subetapa.component.d.ts +10 -0
- package/lib/card-etapa-subetapa/index.d.ts +1 -0
- package/lib/card-impulso-procesal/card-impulso-procesal.component.d.ts +10 -0
- package/lib/card-impulso-procesal/index.d.ts +1 -0
- package/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.d.ts +10 -0
- package/lib/card-vigilancia-judicial/index.d.ts +1 -0
- package/lib/progress-bar/progress-bar.component.d.ts +36 -0
- package/lib/toolbar/toolbar.component.d.ts +27 -1
- package/lib/toolbar-user-menu/toolbar-user-menu.component.d.ts +31 -1
- package/package.json +1 -1
- package/public-api.d.ts +6 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, Component, EventEmitter, Output, HostListener, ViewChild, ViewChildren,
|
|
2
|
+
import { Input, Component, EventEmitter, Output, HostListener, HostBinding, computed, ViewChild, ViewChildren, inject, ViewContainerRef, ElementRef, Directive, signal, forwardRef } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
4
|
import { CommonModule, NgClass } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/platform-browser';
|
|
@@ -157,6 +157,26 @@ const ICONS = {
|
|
|
157
157
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
158
158
|
<path d="M11.994 22.2033C10.5847 22.2033 9.26025 21.9358 8.02075 21.4008C6.78125 20.8658 5.7015 20.1383 4.7815 19.2185C3.86167 18.2985 3.13425 17.2181 2.59925 15.9773C2.06425 14.7363 1.79675 13.4103 1.79675 11.9995C1.79675 10.5887 2.06425 9.26292 2.59925 8.02225C3.13425 6.78175 3.86167 5.7015 4.7815 4.7815C5.7015 3.86167 6.78192 3.13425 8.02275 2.59925C9.26375 2.06425 10.5897 1.79675 12.0005 1.79675C13.4113 1.79675 14.7371 2.06425 15.9778 2.59925C17.2183 3.13425 18.2985 3.86167 19.2185 4.7815C20.1383 5.7015 20.8658 6.78125 21.4008 8.02075C21.9358 9.26025 22.2033 10.5847 22.2033 11.994V13.444C22.2033 14.4538 21.8498 15.3139 21.143 16.0243C20.436 16.7346 19.5729 17.0898 18.5538 17.0898C17.9576 17.0898 17.3954 16.9628 16.8673 16.7088C16.3391 16.4548 15.9 16.0864 15.55 15.6038C15.0827 16.1031 14.5428 16.4756 13.9305 16.7213C13.3182 16.9669 12.6747 17.0898 12 17.0898C10.5888 17.0898 9.38775 16.5943 8.39675 15.6033C7.40575 14.6123 6.91025 13.4112 6.91025 12C6.91025 10.5888 7.40575 9.38775 8.39675 8.39675C9.38775 7.40575 10.5888 6.91025 12 6.91025C13.4112 6.91025 14.6123 7.40575 15.6033 8.39675C16.5943 9.38775 17.0898 10.5888 17.0898 12V13.3963C17.0898 13.8196 17.2294 14.1778 17.5088 14.4708C17.7881 14.7638 18.1384 14.9103 18.5598 14.9103C18.9809 14.9103 19.3293 14.7638 19.6048 14.4708C19.8803 14.1778 20.018 13.8196 20.018 13.3963V11.994C20.018 9.76067 19.24 7.867 17.684 6.313C16.128 4.759 14.2333 3.982 12 3.982C9.76667 3.982 7.872 4.76 6.316 6.316C4.76 7.872 3.982 9.76667 3.982 12C3.982 14.2333 4.759 16.128 6.313 17.684C7.867 19.24 9.7615 20.018 11.9965 20.018H17V22.2033H11.994ZM12.001 14.9103C12.8098 14.9103 13.4969 14.6273 14.0623 14.0613C14.6276 13.4951 14.9103 12.8077 14.9103 11.999C14.9103 11.1902 14.6273 10.5031 14.0613 9.93775C13.4951 9.37242 12.8077 9.08975 11.999 9.08975C11.1902 9.08975 10.5031 9.37275 9.93775 9.93875C9.37242 10.5049 9.08975 11.1923 9.08975 12.001C9.08975 12.8098 9.37275 13.4969 9.93875 14.0623C10.5049 14.6276 11.1923 14.9103 12.001 14.9103Z" fill="currentColor"/>
|
|
159
159
|
</svg>
|
|
160
|
+
`,
|
|
161
|
+
'icon-mark-chat-read': `
|
|
162
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
163
|
+
<path d="M17.4358 16.6713L20.6893 13.412C20.9758 13.1253 21.3079 12.9862 21.6858 12.9945C22.0638 13.0028 22.3941 13.1503 22.6768 13.437C22.9466 13.7195 23.0795 14.0519 23.0755 14.4343C23.0715 14.8164 22.9366 15.1405 22.6708 15.4065L18.4518 19.6375C18.1651 19.9202 17.8297 20.0615 17.4455 20.0615C17.0612 20.0615 16.7258 19.9202 16.4393 19.6375L14.3143 17.5065C14.0483 17.2405 13.9131 16.9154 13.9088 16.5313C13.9044 16.1471 14.0415 15.8157 14.32 15.537C14.59 15.267 14.9203 15.132 15.3108 15.132C15.7014 15.132 16.0298 15.267 16.2958 15.537L17.4358 16.6713ZM5.67077 18.5435L3.52177 20.6925C3.07727 21.137 2.56519 21.2366 1.98552 20.9913C1.40602 20.7459 1.11627 20.3097 1.11627 19.6825V3.6875C1.11627 2.90234 1.39152 2.2345 1.94202 1.684C2.49269 1.1335 3.16061 0.858253 3.94577 0.858253H20.0543C20.8394 0.858253 21.5074 1.1335 22.058 1.684C22.6085 2.2345 22.8838 2.90234 22.8838 3.6875V9.17075C22.8838 9.56125 22.7466 9.89467 22.4723 10.171C22.1979 10.4472 21.8635 10.5853 21.469 10.5853H14.4148C13.6169 10.5853 12.9459 10.8574 12.4018 11.4018C11.8574 11.9459 11.5853 12.6169 11.5853 13.4148V17.1288C11.5853 17.5234 11.4472 17.8578 11.171 18.132C10.8947 18.4063 10.5613 18.5435 10.1708 18.5435H5.67077Z" fill="currentColor"/>
|
|
164
|
+
</svg>
|
|
165
|
+
`,
|
|
166
|
+
'icon-content-copy': `
|
|
167
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
168
|
+
<path d="M9.39823 18.7082C8.62173 18.7082 7.95606 18.4308 7.40123 17.876C6.84639 17.3212 6.56898 16.6554 6.56898 15.8787V3.84625C6.56898 3.06958 6.84639 2.40383 7.40123 1.849C7.95606 1.29416 8.62173 1.01675 9.39823 1.01675H18.431C19.2075 1.01675 19.8721 1.29416 20.425 1.849C20.9778 2.40383 21.2542 3.06958 21.2542 3.84625V15.8787C21.2542 16.6554 20.9778 17.3212 20.425 17.876C19.8721 18.4308 19.2075 18.7082 18.431 18.7082H9.39823ZM4.56898 23.5315C3.79248 23.5315 3.12781 23.2551 2.57498 22.7022C2.02214 22.1494 1.74573 21.4847 1.74573 20.7082V7.26075C1.74573 6.87025 1.88281 6.53683 2.15698 6.2605C2.43131 5.98433 2.76373 5.84625 3.15423 5.84625C3.54889 5.84625 3.88331 5.98433 4.15748 6.2605C4.43181 6.53683 4.56898 6.87025 4.56898 7.26075V20.7082H15.0162C15.4069 20.7082 15.7403 20.8453 16.0165 21.1195C16.2928 21.3938 16.431 21.7262 16.431 22.1167C16.431 22.5114 16.2928 22.8458 16.0165 23.12C15.7403 23.3943 15.4069 23.5315 15.0162 23.5315H4.56898Z" fill="currentColor"/>
|
|
169
|
+
</svg>
|
|
170
|
+
`,
|
|
171
|
+
'icon-notificacion': `
|
|
172
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
173
|
+
<path d="M10.95 16.044L17.132 9.856L15.263 7.981L10.95 12.294L8.78099 10.131L6.91199 12L10.95 16.044ZM12.0007 22.9337C9.4399 22.3392 7.32532 20.909 5.65699 18.643C3.98849 16.3772 3.15424 13.8625 3.15424 11.099V4.3935L12 1.06625L20.8457 4.3935V11.099C20.8457 13.8625 20.0117 16.3772 18.3437 18.643C16.6759 20.909 14.5616 22.3392 12.0007 22.9337Z" fill="currentColor"/>
|
|
174
|
+
</svg>
|
|
175
|
+
`,
|
|
176
|
+
'icon-notes': `
|
|
177
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
178
|
+
<path d="M4.85001 21.8C4.11668 21.8 3.49168 21.5417 2.97501 21.025C2.45835 20.5083 2.20001 19.8833 2.20001 19.15V4.85C2.20001 4.11666 2.45835 3.49166 2.97501 2.975C3.49168 2.45833 4.11668 2.2 4.85001 2.2H19.15C19.8833 2.2 20.5083 2.45833 21.025 2.975C21.5417 3.49166 21.8 4.11666 21.8 4.85V15.25C21.8 15.6 21.7333 15.9375 21.6 16.2625C21.4667 16.5875 21.275 16.875 21.025 17.125L17.125 21.025C16.875 21.275 16.5875 21.4667 16.2625 21.6C15.9375 21.7333 15.6 21.8 15.25 21.8H4.85001ZM15.05 19.15L19.15 15.05H17.1C16.55 15.05 16.0708 15.2542 15.6625 15.6625C15.2542 16.0708 15.05 16.55 15.05 17.1V19.15ZM11.975 16.4C12.3417 16.4 12.6542 16.2708 12.9125 16.0125C13.1708 15.7542 13.3 15.4417 13.3 15.075V10.25H15.025C15.3917 10.25 15.7042 10.1208 15.9625 9.8625C16.2208 9.60416 16.35 9.29166 16.35 8.925C16.35 8.55833 16.2208 8.24583 15.9625 7.9875C15.7042 7.72916 15.3917 7.6 15.025 7.6H8.92501C8.55835 7.6 8.24585 7.72916 7.98751 7.9875C7.72918 8.24583 7.60001 8.55833 7.60001 8.925C7.60001 9.29166 7.72918 9.60416 7.98751 9.8625C8.24585 10.1208 8.55835 10.25 8.92501 10.25H10.65V15.075C10.65 15.4417 10.7792 15.7542 11.0375 16.0125C11.2958 16.2708 11.6083 16.4 11.975 16.4Z" fill="currentColor"/>
|
|
179
|
+
</svg>
|
|
160
180
|
`,
|
|
161
181
|
'icon-search-gear': `
|
|
162
182
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
@@ -1074,6 +1094,15 @@ const ICONS = {
|
|
|
1074
1094
|
'icon-drag-indicator': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
|
|
1075
1095
|
<path d="M5.88465 13.486C5.48187 13.486 5.1436 13.3441 4.86982 13.0603C4.59593 12.7766 4.45898 12.4432 4.45898 12.0602C4.45898 11.6549 4.59593 11.3165 4.86982 11.0448C5.1436 10.7731 5.48187 10.6372 5.88465 10.6372C6.28743 10.6372 6.62465 10.7728 6.89632 11.044C7.1681 11.3151 7.30398 11.6537 7.30398 12.0597C7.30398 12.4434 7.1681 12.7771 6.89632 13.0607C6.62465 13.3442 6.28743 13.486 5.88465 13.486ZM10.1182 13.486C9.71615 13.486 9.37865 13.3441 9.10565 13.0603C8.83254 12.7766 8.69598 12.4432 8.69598 12.0602C8.69598 11.6549 8.83237 11.3165 9.10515 11.0448C9.37804 10.7731 9.71515 10.6372 10.1165 10.6372C10.5189 10.6372 10.8569 10.7728 11.1305 11.044C11.4042 11.3151 11.541 11.6537 11.541 12.0597C11.541 12.4434 11.4043 12.7771 11.131 13.0607C10.8578 13.3442 10.5202 13.486 10.1182 13.486ZM5.88465 9.42234C5.48187 9.42234 5.1436 9.28589 4.86982 9.013C4.59593 8.74023 4.45898 8.4025 4.45898 7.99984C4.45898 7.59506 4.59593 7.25678 4.86982 6.985C5.1436 6.71323 5.48187 6.57734 5.88465 6.57734C6.28743 6.57734 6.62465 6.71323 6.89632 6.985C7.1681 7.25678 7.30398 7.59439 7.30398 7.99784C7.30398 8.40139 7.1681 8.73967 6.89632 9.01267C6.62465 9.28578 6.28743 9.42234 5.88465 9.42234ZM10.1182 9.42234C9.71615 9.42234 9.37865 9.28589 9.10565 9.013C8.83254 8.74023 8.69598 8.4025 8.69598 7.99984C8.69598 7.59506 8.83237 7.25678 9.10515 6.985C9.37804 6.71323 9.71515 6.57734 10.1165 6.57734C10.5189 6.57734 10.8569 6.71323 11.1305 6.985C11.4042 7.25678 11.541 7.59439 11.541 7.99784C11.541 8.40139 11.4043 8.73967 11.131 9.01267C10.8578 9.28578 10.5202 9.42234 10.1182 9.42234ZM5.88465 5.36251C5.48187 5.36251 5.1436 5.22612 4.86982 4.95334C4.59593 4.68045 4.45898 4.34267 4.45898 3.94C4.45898 3.53623 4.59593 3.19756 4.86982 2.92401C5.1436 2.65045 5.48187 2.51367 5.88465 2.51367C6.28743 2.51367 6.62465 2.65028 6.89632 2.9235C7.1681 3.19673 7.30398 3.535 7.30398 3.93834C7.30398 4.34167 7.1681 4.67984 6.89632 4.95284C6.62465 5.22595 6.28743 5.36251 5.88465 5.36251ZM10.1182 5.36251C9.71615 5.36251 9.37865 5.22612 9.10565 4.95334C8.83254 4.68045 8.69598 4.34267 8.69598 3.94C8.69598 3.53623 8.83237 3.19756 9.10515 2.92401C9.37804 2.65045 9.71515 2.51367 10.1165 2.51367C10.5189 2.51367 10.8569 2.65028 11.1305 2.9235C11.4042 3.19673 11.541 3.535 11.541 3.93834C11.541 4.34167 11.4043 4.67984 11.131 4.95284C10.8578 5.22595 10.5202 5.36251 10.1182 5.36251Z" fill="currentColor"/>
|
|
1076
1096
|
</svg>`,
|
|
1097
|
+
'icon-mail': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 15" fill="none">
|
|
1098
|
+
<path d="M2.35792 14.7429C1.70736 14.7429 1.15174 14.5117 0.691042 14.0494C0.230347 13.587 0 13.0322 0 12.385V2.35792C0 1.71069 0.230347 1.1559 0.691042 0.693542C1.15174 0.231181 1.70736 0 2.35792 0H15.7817C16.4322 0 16.9878 0.231181 17.4485 0.693542C17.9092 1.1559 18.1396 1.71069 18.1396 2.35792V12.385C18.1396 13.0322 17.9092 13.587 17.4485 14.0494C16.9878 14.5117 16.4322 14.7429 15.7817 14.7429H2.35792ZM9.06979 8.62104C9.17702 8.62104 9.28084 8.60632 9.38125 8.57688C9.48167 8.54743 9.58028 8.5016 9.67708 8.43938L15.3525 4.8675C15.4654 4.79917 15.5651 4.69042 15.6517 4.54125C15.7383 4.39208 15.7817 4.23347 15.7817 4.06542C15.7817 3.70722 15.6231 3.43528 15.306 3.24958C14.9888 3.06389 14.6655 3.07326 14.336 3.27771L9.06979 6.59792L3.80354 3.27771C3.47743 3.0766 3.15493 3.06535 2.83604 3.24396C2.51729 3.42257 2.35792 3.6991 2.35792 4.07354C2.35792 4.25007 2.40125 4.40945 2.48792 4.55167C2.57444 4.69389 2.67493 4.79972 2.78938 4.86917L8.4625 8.43938C8.55931 8.5016 8.65792 8.54743 8.75833 8.57688C8.85875 8.60632 8.96257 8.62104 9.06979 8.62104Z" fill="currentColor"/>
|
|
1099
|
+
</svg>`,
|
|
1100
|
+
'icon-storage-set': `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="13" viewBox="0 0 11 13" fill="none">
|
|
1101
|
+
<path d="M0.758333 12.271C0.545444 12.271 0.365833 12.1978 0.2195 12.0515C0.0731664 11.9051 0 11.7254 0 11.5127V0.758333C0 0.545556 0.0731664 0.365944 0.2195 0.2195C0.365833 0.0731664 0.545444 0 0.758333 0H6.235C6.44789 0 6.6275 0.0731664 6.77383 0.2195C6.92017 0.365944 6.99333 0.545556 6.99333 0.758333V4.33883C6.73078 4.3335 6.47244 4.3495 6.21833 4.38683C5.96422 4.42417 5.717 4.48278 5.47667 4.56267V1.51667H1.51667V10.7543H2.54233C2.64856 11.0418 2.7775 11.3119 2.92917 11.5647C3.08072 11.8174 3.25917 12.0529 3.4645 12.271H0.758333ZM6.19517 12.4543L5.99117 11.4383C5.8685 11.3881 5.7515 11.331 5.64017 11.267C5.52883 11.203 5.42028 11.1306 5.3145 11.0497L4.32783 11.383L3.61333 10.1493L4.38333 9.47067C4.35844 9.31989 4.34667 9.1855 4.348 9.0675C4.34933 8.9495 4.36111 8.81517 4.38333 8.6645L3.61333 7.98583L4.32783 6.75617L5.3105 7.0895C5.41628 7.00861 5.5255 6.93339 5.63817 6.86383C5.75083 6.79428 5.8685 6.73433 5.99117 6.684L6.19517 5.66817H7.62817L7.83217 6.684C7.95483 6.73433 8.07189 6.7915 8.18333 6.8555C8.29467 6.9195 8.40322 6.99461 8.509 7.08083L9.4955 6.7395L10.21 7.98117L9.44017 8.65983C9.46505 8.8105 9.47683 8.9435 9.4755 9.05883C9.47417 9.17417 9.46239 9.30722 9.44017 9.458L10.21 10.1367L9.4955 11.3663L8.509 11.0497C8.40322 11.1306 8.29467 11.203 8.18333 11.267C8.07189 11.331 7.95483 11.3881 7.83217 11.4383L7.62817 12.4543H6.19517ZM6.90967 10.3627C7.26578 10.3627 7.57239 10.2348 7.8295 9.979C8.08661 9.72322 8.21517 9.41728 8.21517 9.06117C8.21517 8.70517 8.08661 8.39928 7.8295 8.1435C7.57239 7.88772 7.26578 7.75983 6.90967 7.75983C6.55367 7.75983 6.24778 7.88772 5.992 8.1435C5.73622 8.39928 5.60833 8.70517 5.60833 9.06117C5.60833 9.41728 5.73622 9.72322 5.992 9.979C6.24778 10.2348 6.55367 10.3627 6.90967 10.3627Z" fill="currentColor"/>
|
|
1102
|
+
</svg>`,
|
|
1103
|
+
'icon-storage-plus': `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
1104
|
+
<path d="M5.26175 14.3384C5.04886 14.3384 4.86925 14.2652 4.72292 14.1189C4.57658 13.9724 4.50342 13.7928 4.50342 13.5801V2.82572C4.50342 2.61294 4.57658 2.43333 4.72292 2.28688C4.86925 2.14055 5.04886 2.06738 5.26175 2.06738H10.7384C10.9513 2.06738 11.1309 2.14055 11.2773 2.28688C11.4236 2.43333 11.4968 2.61294 11.4968 2.82572V7.41272C11.2342 7.39938 10.9759 7.41083 10.7218 7.44705C10.4676 7.48327 10.2204 7.54427 9.98008 7.63005V3.58405H6.02008V12.8217H7.41125C7.50547 13.1145 7.62514 13.3873 7.77025 13.64C7.91525 13.8928 8.08992 14.1256 8.29425 14.3384H5.26175ZM10.5951 14.3384V12.3146H8.57108V10.7979H10.5951V8.77388H12.1118V10.7979H14.1356V12.3146H12.1118V14.3384H10.5951Z" fill="currentColor"/>
|
|
1105
|
+
</svg>`
|
|
1077
1106
|
};
|
|
1078
1107
|
|
|
1079
1108
|
class IconLgComponent {
|
|
@@ -3330,8 +3359,149 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3330
3359
|
type: Output
|
|
3331
3360
|
}] } });
|
|
3332
3361
|
|
|
3362
|
+
class PopoverComponent {
|
|
3363
|
+
constructor() {
|
|
3364
|
+
this.label = '';
|
|
3365
|
+
this.content = '';
|
|
3366
|
+
this.positionClass = 'tail-left';
|
|
3367
|
+
this.role = 'tooltip';
|
|
3368
|
+
}
|
|
3369
|
+
get hostClass() { return this.positionClass; }
|
|
3370
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3371
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { label: "label", content: "content", positionClass: "positionClass" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.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}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }); }
|
|
3372
|
+
}
|
|
3373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
3374
|
+
type: Component,
|
|
3375
|
+
args: [{ selector: 'ius-popover', standalone: true, imports: [], template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.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}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }]
|
|
3376
|
+
}], propDecorators: { label: [{
|
|
3377
|
+
type: Input
|
|
3378
|
+
}], content: [{
|
|
3379
|
+
type: Input
|
|
3380
|
+
}], positionClass: [{
|
|
3381
|
+
type: Input
|
|
3382
|
+
}], hostClass: [{
|
|
3383
|
+
type: HostBinding,
|
|
3384
|
+
args: ['class']
|
|
3385
|
+
}], role: [{
|
|
3386
|
+
type: HostBinding,
|
|
3387
|
+
args: ['attr.role']
|
|
3388
|
+
}] } });
|
|
3389
|
+
|
|
3390
|
+
class ProgressBarComponent {
|
|
3391
|
+
constructor() {
|
|
3392
|
+
this.total = 0;
|
|
3393
|
+
this.v1 = 0;
|
|
3394
|
+
this.v2 = 0;
|
|
3395
|
+
this.v3 = 0;
|
|
3396
|
+
this.v4 = 0;
|
|
3397
|
+
this.titleV1 = '';
|
|
3398
|
+
this.titleV2 = '';
|
|
3399
|
+
this.titleV3 = '';
|
|
3400
|
+
this.titleV4 = '';
|
|
3401
|
+
this.showPopover1 = false;
|
|
3402
|
+
this.showPopover2 = false;
|
|
3403
|
+
this.showPopover3 = false;
|
|
3404
|
+
this.showPopover4 = false;
|
|
3405
|
+
this.showPopoverGray = false;
|
|
3406
|
+
this.t = computed(() => Math.max(0, this.n(this.total)));
|
|
3407
|
+
this.a1 = computed(() => Math.max(0, this.n(this.v1)));
|
|
3408
|
+
this.a2 = computed(() => Math.max(0, this.n(this.v2)));
|
|
3409
|
+
this.a3 = computed(() => Math.max(0, this.n(this.v3)));
|
|
3410
|
+
this.a4 = computed(() => Math.max(0, this.n(this.v4)));
|
|
3411
|
+
this.used = computed(() => this.a1() + this.a2() + this.a3() + this.a4());
|
|
3412
|
+
this.available = computed(() => Math.max(0, this.t() - this.used()));
|
|
3413
|
+
//evita desbordes
|
|
3414
|
+
this.pct = computed(() => {
|
|
3415
|
+
const total = this.t();
|
|
3416
|
+
if (!total)
|
|
3417
|
+
return { p1: 0, p2: 0, p3: 0, p4: 0, pg: 100 };
|
|
3418
|
+
const p1 = (this.a1() / total) * 100;
|
|
3419
|
+
const p2 = (this.a2() / total) * 100;
|
|
3420
|
+
const p3 = (this.a3() / total) * 100;
|
|
3421
|
+
const p4 = (this.a4() / total) * 100;
|
|
3422
|
+
const sum = p1 + p2 + p3 + p4;
|
|
3423
|
+
if (sum <= 100) {
|
|
3424
|
+
return { p1, p2, p3, p4, pg: 100 - sum };
|
|
3425
|
+
}
|
|
3426
|
+
const k = sum === 0 ? 0 : 100 / sum;
|
|
3427
|
+
return { p1: p1 * k, p2: p2 * k, p3: p3 * k, p4: p4 * k, pg: 0 };
|
|
3428
|
+
});
|
|
3429
|
+
}
|
|
3430
|
+
n(v) {
|
|
3431
|
+
const x = Number(v);
|
|
3432
|
+
return Number.isFinite(x) ? x : 0;
|
|
3433
|
+
}
|
|
3434
|
+
onMouseEnter(segment) {
|
|
3435
|
+
switch (segment) {
|
|
3436
|
+
case 's1':
|
|
3437
|
+
this.showPopover1 = true;
|
|
3438
|
+
break;
|
|
3439
|
+
case 's2':
|
|
3440
|
+
this.showPopover2 = true;
|
|
3441
|
+
break;
|
|
3442
|
+
case 's3':
|
|
3443
|
+
this.showPopover3 = true;
|
|
3444
|
+
break;
|
|
3445
|
+
case 's4':
|
|
3446
|
+
this.showPopover4 = true;
|
|
3447
|
+
break;
|
|
3448
|
+
case 'gray':
|
|
3449
|
+
this.showPopoverGray = true;
|
|
3450
|
+
break;
|
|
3451
|
+
}
|
|
3452
|
+
}
|
|
3453
|
+
onMouseLeave(segment) {
|
|
3454
|
+
switch (segment) {
|
|
3455
|
+
case 's1':
|
|
3456
|
+
this.showPopover1 = false;
|
|
3457
|
+
break;
|
|
3458
|
+
case 's2':
|
|
3459
|
+
this.showPopover2 = false;
|
|
3460
|
+
break;
|
|
3461
|
+
case 's3':
|
|
3462
|
+
this.showPopover3 = false;
|
|
3463
|
+
break;
|
|
3464
|
+
case 's4':
|
|
3465
|
+
this.showPopover4 = false;
|
|
3466
|
+
break;
|
|
3467
|
+
case 'gray':
|
|
3468
|
+
this.showPopoverGray = false;
|
|
3469
|
+
break;
|
|
3470
|
+
}
|
|
3471
|
+
}
|
|
3472
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressBarComponent, isStandalone: true, selector: "ius-progress-bar", inputs: { total: "total", v1: "v1", v2: "v2", v3: "v3", v4: "v4", titleV1: "titleV1", titleV2: "titleV2", titleV3: "titleV3", titleV4: "titleV4" }, ngImport: i0, template: "<div\r\n class=\"sb\"\r\n role=\"progressbar\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuemax]=\"t()\"\r\n [attr.aria-valuenow]=\"used()\"\r\n>\r\n <div class=\"seg s1\" [style.width.%]=\"pct().p1\" (mouseenter)=\"onMouseEnter('s1')\" (mouseleave)=\"onMouseLeave('s1')\">\r\n <ius-popover *ngIf=\"showPopover1\" content=\"{{ a1() }}\" [label]=\"titleV1\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg s2\" [style.width.%]=\"pct().p2\" (mouseenter)=\"onMouseEnter('s2')\" (mouseleave)=\"onMouseLeave('s2')\">\r\n <ius-popover *ngIf=\"showPopover2\" content=\"{{ a2() }}\" [label]=\"titleV2\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg s3\" [style.width.%]=\"pct().p3\" (mouseenter)=\"onMouseEnter('s3')\" (mouseleave)=\"onMouseLeave('s3')\">\r\n <ius-popover *ngIf=\"showPopover3\" content=\"{{ a3() }}\" [label]=\"titleV3\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg s4\" [style.width.%]=\"pct().p4\" (mouseenter)=\"onMouseEnter('s4')\" (mouseleave)=\"onMouseLeave('s4')\">\r\n <ius-popover *ngIf=\"showPopover4\" content=\"{{ a4() }}\" [label]=\"titleV4\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg gray\" [style.width.%]=\"pct().pg\" (mouseenter)=\"onMouseEnter('gray')\" (mouseleave)=\"onMouseLeave('gray')\">\r\n <ius-popover *ngIf=\"showPopoverGray\" content=\"{{ available() }}\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.sb{width:100%;height:20px;border-radius:10px;display:flex;background:#e5e7eb;position:relative}.seg{height:100%}.s1{background:#103ab7;border-radius:10px 0 0 10px}.s2{background:#2167ff}.s3{background:#5892ff}.s4{background:#79acff;border-radius:0 10px 10px 0}.gray{background:#e5e7eb;border-radius:0 10px 10px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PopoverComponent, selector: "ius-popover", inputs: ["label", "content", "positionClass"] }] }); }
|
|
3474
|
+
}
|
|
3475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
3476
|
+
type: Component,
|
|
3477
|
+
args: [{ selector: 'ius-progress-bar', standalone: true, imports: [CommonModule, PopoverComponent], template: "<div\r\n class=\"sb\"\r\n role=\"progressbar\"\r\n [attr.aria-valuemin]=\"0\"\r\n [attr.aria-valuemax]=\"t()\"\r\n [attr.aria-valuenow]=\"used()\"\r\n>\r\n <div class=\"seg s1\" [style.width.%]=\"pct().p1\" (mouseenter)=\"onMouseEnter('s1')\" (mouseleave)=\"onMouseLeave('s1')\">\r\n <ius-popover *ngIf=\"showPopover1\" content=\"{{ a1() }}\" [label]=\"titleV1\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg s2\" [style.width.%]=\"pct().p2\" (mouseenter)=\"onMouseEnter('s2')\" (mouseleave)=\"onMouseLeave('s2')\">\r\n <ius-popover *ngIf=\"showPopover2\" content=\"{{ a2() }}\" [label]=\"titleV2\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg s3\" [style.width.%]=\"pct().p3\" (mouseenter)=\"onMouseEnter('s3')\" (mouseleave)=\"onMouseLeave('s3')\">\r\n <ius-popover *ngIf=\"showPopover3\" content=\"{{ a3() }}\" [label]=\"titleV3\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg s4\" [style.width.%]=\"pct().p4\" (mouseenter)=\"onMouseEnter('s4')\" (mouseleave)=\"onMouseLeave('s4')\">\r\n <ius-popover *ngIf=\"showPopover4\" content=\"{{ a4() }}\" [label]=\"titleV4\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n <div class=\"seg gray\" [style.width.%]=\"pct().pg\" (mouseenter)=\"onMouseEnter('gray')\" (mouseleave)=\"onMouseLeave('gray')\">\r\n <ius-popover *ngIf=\"showPopoverGray\" content=\"{{ available() }}\" positionClass=\"tail-top\"></ius-popover>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block}.sb{width:100%;height:20px;border-radius:10px;display:flex;background:#e5e7eb;position:relative}.seg{height:100%}.s1{background:#103ab7;border-radius:10px 0 0 10px}.s2{background:#2167ff}.s3{background:#5892ff}.s4{background:#79acff;border-radius:0 10px 10px 0}.gray{background:#e5e7eb;border-radius:0 10px 10px 0}\n"] }]
|
|
3478
|
+
}], propDecorators: { total: [{
|
|
3479
|
+
type: Input,
|
|
3480
|
+
args: [{ required: true }]
|
|
3481
|
+
}], v1: [{
|
|
3482
|
+
type: Input
|
|
3483
|
+
}], v2: [{
|
|
3484
|
+
type: Input
|
|
3485
|
+
}], v3: [{
|
|
3486
|
+
type: Input
|
|
3487
|
+
}], v4: [{
|
|
3488
|
+
type: Input
|
|
3489
|
+
}], titleV1: [{
|
|
3490
|
+
type: Input
|
|
3491
|
+
}], titleV2: [{
|
|
3492
|
+
type: Input
|
|
3493
|
+
}], titleV3: [{
|
|
3494
|
+
type: Input
|
|
3495
|
+
}], titleV4: [{
|
|
3496
|
+
type: Input
|
|
3497
|
+
}] } });
|
|
3498
|
+
|
|
3333
3499
|
class ToolbarUserMenuComponent {
|
|
3334
3500
|
constructor() {
|
|
3501
|
+
this.accountsList = [
|
|
3502
|
+
{ name: 'Juan Sierra - Persona', accountID: 'ID-001', logo: 'icon-account-circle' },
|
|
3503
|
+
{ name: 'Alcaldía de Cucuta', accountID: 'ID-002', logo: 'icon-account-circle' }
|
|
3504
|
+
];
|
|
3335
3505
|
this.clickPerfilPreferencias = new EventEmitter();
|
|
3336
3506
|
this.clickUsuariosRoles = new EventEmitter();
|
|
3337
3507
|
this.clickConfiguracion = new EventEmitter();
|
|
@@ -3341,6 +3511,8 @@ class ToolbarUserMenuComponent {
|
|
|
3341
3511
|
this.clickCerrarSesion = new EventEmitter();
|
|
3342
3512
|
this.clickReferir = new EventEmitter();
|
|
3343
3513
|
this.showMore = false;
|
|
3514
|
+
this.showFormSwitchAccount = false;
|
|
3515
|
+
this.isOpen = false;
|
|
3344
3516
|
}
|
|
3345
3517
|
clickShowMore() {
|
|
3346
3518
|
this.showMore = !this.showMore;
|
|
@@ -3359,6 +3531,7 @@ class ToolbarUserMenuComponent {
|
|
|
3359
3531
|
}
|
|
3360
3532
|
onClickCambiarCuenta() {
|
|
3361
3533
|
this.clickCambiarCuenta.emit();
|
|
3534
|
+
this.showFormSwitchAccount = !this.showFormSwitchAccount;
|
|
3362
3535
|
}
|
|
3363
3536
|
onClickCerrarSesion() {
|
|
3364
3537
|
this.clickCerrarSesion.emit();
|
|
@@ -3369,15 +3542,27 @@ class ToolbarUserMenuComponent {
|
|
|
3369
3542
|
onClickReferir() {
|
|
3370
3543
|
this.clickReferir.emit();
|
|
3371
3544
|
}
|
|
3545
|
+
onClickAccount(account) {
|
|
3546
|
+
// Implement the logic to handle account selection
|
|
3547
|
+
}
|
|
3548
|
+
addAccount() {
|
|
3549
|
+
throw new Error('Method not implemented.');
|
|
3550
|
+
}
|
|
3372
3551
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3373
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToolbarUserMenuComponent, isStandalone: true, selector: "ius-toolbar-user-menu", inputs: { object: "object" }, outputs: { clickPerfilPreferencias: "clickPerfilPreferencias", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickReferir: "clickReferir" }, ngImport: i0, template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{object.nombreCompany}}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{object.cuentaID}}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{object.rol}}</span>\r\n </div>\r\n </div>\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{object.correo}}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\">Perfil, preferencias y seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Vigilancia judicial</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Plan 2000 Profesional</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">2000</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">550</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"segment tipo-1-color-bar\" [style.width.%]=\"(500/1000)*100\"></div>\r\n <div class=\"segment tipo-2-color-bar\" [style.width.%]=\"(200/1000)*100\"></div>\r\n </div>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\"></ius-icon-xs>\r\n <span>1000</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\"></ius-icon-xs>\r\n <span>300</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\" class=\"tipo-1-color\"></ius-icon-xs>\r\n <span class=\"tx-name-serv\">Judicial</span>\r\n <span>{{500}}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\" class=\"tipo-2-color\"></ius-icon-xs>\r\n <span class=\"tx-name-serv\">Insolvencia</span>\r\n <span>{{200}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Correo Certificado</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">300</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Localizador de personas</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">300</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Transcripci\u00F3n de audios</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">300</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n </div>\r\n <ius-button-standard-tertiary class=\"btn-list\"\r\n [iconName]=\"showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\"\r\n (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? 'Mostrar menos' : 'Mostrar m\u00E1s' }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item iconName=\"icon-groups\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y roles</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-build\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-finance-chip\" (buttonClicked)=\"onClickPagos()\">Pagos y facturaci\u00F3n</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-enterprise\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y servicios</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"icon-cases\" (buttonClicked)=\"onClickCambiarCuenta()\">Cambiar de cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\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}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "route"], outputs: ["click"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: MenuItemComponent, selector: "ius-menu-item", inputs: ["isActive", "iconName", "numberAlerts"], outputs: ["buttonClicked"] }] }); }
|
|
3552
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarUserMenuComponent, isStandalone: true, selector: "ius-toolbar-user-menu", inputs: { object: "object", detailSubscripcion: "detailSubscripcion", detailsConsumo: "detailsConsumo", accountsList: "accountsList" }, outputs: { clickPerfilPreferencias: "clickPerfilPreferencias", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickReferir: "clickReferir" }, ngImport: i0, template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{object.nombreCompany}}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{object.cuentaID}}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{object.rol}}</span>\r\n </div>\r\n </div>\r\n @if(!showFormSwitchAccount){\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{object.correo}}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\">Perfil, preferencias y\r\n seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{detailSubscripcion?.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{detailSubscripcion?.namePlan}}</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{detailSubscripcion?.cantTotal}}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{detailSubscripcion?.cantDisponible}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{detailSubscripcion?.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%;\">\r\n <ius-progress-bar [total]=\"detailSubscripcion?.cantTotal!\" [titleV1]=\"'Insolvencia'\"\r\n [v1]=\"detailSubscripcion?.cantInsolvencia!\" [titleV2]=\"'Judicial'\"\r\n [v2]=\"detailSubscripcion?.cantJudicial!\" [v3]=\"detailSubscripcion?.cantProcesos3!\"\r\n [v4]=\"detailSubscripcion?.cantProcesos4!\"></ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-set\" class=\"icon-storage-set\"></ius-icon-xs>\r\n <span>{{detailSubscripcion?.asignados}}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-plus\" class=\"icon-storage-plus\"></ius-icon-xs>\r\n <span>{{detailSubscripcion?.cantAsignadaDisponible}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (detailsConsumo) {\r\n @for (detail of detailsConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{detail.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{detail.cantConsumida}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{detail.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n <ius-button-standard-tertiary class=\"btn-list\"\r\n [iconName]=\"showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\"\r\n (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? 'Mostrar menos' : 'Mostrar m\u00E1s' }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item iconName=\"icon-groups\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y\r\n roles</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-build\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la\r\n cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-finance-chip\" (buttonClicked)=\"onClickPagos()\">Pagos y\r\n facturaci\u00F3n</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-enterprise\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y\r\n servicios</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-row-1 tx-rol\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of accountsList; track account; let i = $index) {\r\n <button (click)=\"onClickAccount(account)\" class=\"ius-btn\" [ngClass]=\"{ isOpen: isOpen }\">\r\n <ius-icon-md [iconName]=\"account.logo || 'icon-account-circle'\" class=\"logo\"></ius-icon-md>\r\n <span class=\"name\">{{account.name}}</span>\r\n </button>\r\n }\r\n </div>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"{{!showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'}}\" (buttonClicked)=\"onClickCambiarCuenta()\">{{!showFormSwitchAccount ? 'Cambiar de cuenta' : 'Volver al menu de usuario'}}</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\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}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{padding:0 16px;display:flex;flex-direction:column;gap:8px}.ius-btn{display:inline-flex;padding:8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fff;color:#333;border:1px solid #eaeaea;cursor:pointer;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.28px;width:100%}.ius-btn:hover:not(:disabled){border:1px solid #5892FF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border:1px solid #5892FF;background-color:#edf6ff}.ius-btn.isOpen{border:1px solid #eaeaea;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;background-color:#fff}.logo{width:32px;height:32px;border-radius:100px;align-items:center;aspect-ratio:1/1;border:.5px solid #d9d9d9;color:#8c8c8c}.container-list{display:flex;flex-direction:column;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "route"], outputs: ["click"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: MenuItemComponent, selector: "ius-menu-item", inputs: ["isActive", "iconName", "numberAlerts"], outputs: ["buttonClicked"] }, { kind: "component", type: ProgressBarComponent, selector: "ius-progress-bar", inputs: ["total", "v1", "v2", "v3", "v4", "titleV1", "titleV2", "titleV3", "titleV4"] }] }); }
|
|
3374
3553
|
}
|
|
3375
3554
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarUserMenuComponent, decorators: [{
|
|
3376
3555
|
type: Component,
|
|
3377
|
-
args: [{ selector: 'ius-toolbar-user-menu', standalone: true, imports: [CommonModule, IconSmComponent, IconXsComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconMdComponent, ButtonCircleTertiaryComponent, ButtonStandardTertiaryComponent, MenuItemComponent], template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{object.nombreCompany}}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{object.cuentaID}}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{object.rol}}</span>\r\n </div>\r\n </div>\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{object.correo}}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\">Perfil, preferencias y seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Vigilancia judicial</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Plan 2000 Profesional</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">2000</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">550</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"segment tipo-1-color-bar\" [style.width.%]=\"(500/1000)*100\"></div>\r\n <div class=\"segment tipo-2-color-bar\" [style.width.%]=\"(200/1000)*100\"></div>\r\n </div>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\"></ius-icon-xs>\r\n <span>1000</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\"></ius-icon-xs>\r\n <span>300</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\" class=\"tipo-1-color\"></ius-icon-xs>\r\n <span class=\"tx-name-serv\">Judicial</span>\r\n <span>{{500}}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-dot\" class=\"tipo-2-color\"></ius-icon-xs>\r\n <span class=\"tx-name-serv\">Insolvencia</span>\r\n <span>{{200}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Correo Certificado</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">300</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Localizador de personas</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">300</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">Transcripci\u00F3n de audios</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">300</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">Activo</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n </div>\r\n <ius-button-standard-tertiary class=\"btn-list\"\r\n [iconName]=\"showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\"\r\n (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? 'Mostrar menos' : 'Mostrar m\u00E1s' }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item iconName=\"icon-groups\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y roles</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-build\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-finance-chip\" (buttonClicked)=\"onClickPagos()\">Pagos y facturaci\u00F3n</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-enterprise\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y servicios</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"icon-cases\" (buttonClicked)=\"onClickCambiarCuenta()\">Cambiar de cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\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}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}\n"] }]
|
|
3556
|
+
args: [{ selector: 'ius-toolbar-user-menu', standalone: true, imports: [CommonModule, IconSmComponent, IconXsComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconMdComponent, ButtonCircleTertiaryComponent, ButtonStandardTertiaryComponent, MenuItemComponent, ProgressBarComponent], template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{object.nombreCompany}}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{object.cuentaID}}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{object.rol}}</span>\r\n </div>\r\n </div>\r\n @if(!showFormSwitchAccount){\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{object.correo}}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\">Perfil, preferencias y\r\n seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{detailSubscripcion?.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{detailSubscripcion?.namePlan}}</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{detailSubscripcion?.cantTotal}}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{detailSubscripcion?.cantDisponible}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{detailSubscripcion?.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%;\">\r\n <ius-progress-bar [total]=\"detailSubscripcion?.cantTotal!\" [titleV1]=\"'Insolvencia'\"\r\n [v1]=\"detailSubscripcion?.cantInsolvencia!\" [titleV2]=\"'Judicial'\"\r\n [v2]=\"detailSubscripcion?.cantJudicial!\" [v3]=\"detailSubscripcion?.cantProcesos3!\"\r\n [v4]=\"detailSubscripcion?.cantProcesos4!\"></ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-set\" class=\"icon-storage-set\"></ius-icon-xs>\r\n <span>{{detailSubscripcion?.asignados}}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-plus\" class=\"icon-storage-plus\"></ius-icon-xs>\r\n <span>{{detailSubscripcion?.cantAsignadaDisponible}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (detailsConsumo) {\r\n @for (detail of detailsConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{detail.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{detail.cantConsumida}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{detail.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n <ius-button-standard-tertiary class=\"btn-list\"\r\n [iconName]=\"showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\"\r\n (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? 'Mostrar menos' : 'Mostrar m\u00E1s' }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item iconName=\"icon-groups\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y\r\n roles</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-build\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la\r\n cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-finance-chip\" (buttonClicked)=\"onClickPagos()\">Pagos y\r\n facturaci\u00F3n</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-enterprise\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y\r\n servicios</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-row-1 tx-rol\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of accountsList; track account; let i = $index) {\r\n <button (click)=\"onClickAccount(account)\" class=\"ius-btn\" [ngClass]=\"{ isOpen: isOpen }\">\r\n <ius-icon-md [iconName]=\"account.logo || 'icon-account-circle'\" class=\"logo\"></ius-icon-md>\r\n <span class=\"name\">{{account.name}}</span>\r\n </button>\r\n }\r\n </div>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"{{!showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'}}\" (buttonClicked)=\"onClickCambiarCuenta()\">{{!showFormSwitchAccount ? 'Cambiar de cuenta' : 'Volver al menu de usuario'}}</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\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}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{padding:0 16px;display:flex;flex-direction:column;gap:8px}.ius-btn{display:inline-flex;padding:8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fff;color:#333;border:1px solid #eaeaea;cursor:pointer;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.28px;width:100%}.ius-btn:hover:not(:disabled){border:1px solid #5892FF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border:1px solid #5892FF;background-color:#edf6ff}.ius-btn.isOpen{border:1px solid #eaeaea;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;background-color:#fff}.logo{width:32px;height:32px;border-radius:100px;align-items:center;aspect-ratio:1/1;border:.5px solid #d9d9d9;color:#8c8c8c}.container-list{display:flex;flex-direction:column;gap:4px}\n"] }]
|
|
3378
3557
|
}], propDecorators: { object: [{
|
|
3379
3558
|
type: Input,
|
|
3380
3559
|
args: [{ required: true }]
|
|
3560
|
+
}], detailSubscripcion: [{
|
|
3561
|
+
type: Input
|
|
3562
|
+
}], detailsConsumo: [{
|
|
3563
|
+
type: Input
|
|
3564
|
+
}], accountsList: [{
|
|
3565
|
+
type: Input
|
|
3381
3566
|
}], clickPerfilPreferencias: [{
|
|
3382
3567
|
type: Output
|
|
3383
3568
|
}], clickUsuariosRoles: [{
|
|
@@ -3399,6 +3584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3399
3584
|
class ToolbarComponent {
|
|
3400
3585
|
constructor(sanitizer) {
|
|
3401
3586
|
this.sanitizer = sanitizer;
|
|
3587
|
+
this.accountsList = [];
|
|
3402
3588
|
this.pagina = '';
|
|
3403
3589
|
this.clickBuild = new EventEmitter();
|
|
3404
3590
|
this.clickSupport = new EventEmitter();
|
|
@@ -3620,14 +3806,20 @@ class ToolbarComponent {
|
|
|
3620
3806
|
this.clickServicioCRM.emit();
|
|
3621
3807
|
}
|
|
3622
3808
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3623
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToolbarComponent, isStandalone: true, selector: "ius-toolbar", inputs: { object: "object", pagina: "pagina" }, outputs: { clickBuild: "clickBuild", clickSupport: "clickSupport", clickHelp: "clickHelp", clickNotifications: "clickNotifications", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickPerfilPreferencias: "clickPerfilPreferencias", clickReferir: "clickReferir", clickServicioVigilancia: "clickServicioVigilancia", clickServicioCorreo: "clickServicioCorreo", clickServicioLocalizador: "clickServicioLocalizador", clickServicioFirma: "clickServicioFirma", clickServicioCRM: "clickServicioCRM" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "buttonsAccion", first: true, predicate: ["buttonsAccion"], descendants: true }], ngImport: i0, template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\">\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickBuild()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-help\"\r\n (buttonClicked)=\"onClickHelp()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"></ius-button-circle-tertiary>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary iconName=\"icon-apps\" (buttonClicked)=\"toggleShowMore()\">\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLitigio\" class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"></span>Vigilancia</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCorreo\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"></span>Correo</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLocalizador\" class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"></span>Localizador</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgFirma\" class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"></span>Firma</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCrm\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"></span>CRM</button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu nameUser=\"
|
|
3809
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToolbarComponent, isStandalone: true, selector: "ius-toolbar", inputs: { object: "object", detailSubscripcion: "detailSubscripcion", detailsConsumo: "detailsConsumo", accountsList: "accountsList", pagina: "pagina" }, outputs: { clickBuild: "clickBuild", clickSupport: "clickSupport", clickHelp: "clickHelp", clickNotifications: "clickNotifications", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickPerfilPreferencias: "clickPerfilPreferencias", clickReferir: "clickReferir", clickServicioVigilancia: "clickServicioVigilancia", clickServicioCorreo: "clickServicioCorreo", clickServicioLocalizador: "clickServicioLocalizador", clickServicioFirma: "clickServicioFirma", clickServicioCRM: "clickServicioCRM" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "buttonsAccion", first: true, predicate: ["buttonsAccion"], descendants: true }], ngImport: i0, template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\">\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickBuild()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-help\"\r\n (buttonClicked)=\"onClickHelp()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"></ius-button-circle-tertiary>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary iconName=\"icon-apps\" (buttonClicked)=\"toggleShowMore()\">\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLitigio\" class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"></span>Vigilancia</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCorreo\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"></span>Correo</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLocalizador\" class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"></span>Localizador</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgFirma\" class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"></span>Firma</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCrm\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"></span>CRM</button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu [nameUser]=\"object.nombreUsuario\" class=\"dropdown\" [avatar]=\"object.avatarUsuario || 'assets/images/Avatar.png'\"\r\n [logo]=\"object.logoCompany || 'assets/images/Logo.png'\">\r\n <ius-toolbar-user-menu [object]=\"object\" [detailSubscripcion]=\"detailSubscripcion\" [detailsConsumo]=\"detailsConsumo\"\r\n [accountsList]=\"accountsList\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\" (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\" (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\" (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n", 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}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"], dependencies: [{ kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownUserMenuComponent, selector: "ius-dropdown-user-menu", inputs: ["isActive", "nameUser", "logo", "avatar", "disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: ToolbarUserMenuComponent, selector: "ius-toolbar-user-menu", inputs: ["object", "detailSubscripcion", "detailsConsumo", "accountsList"], outputs: ["clickPerfilPreferencias", "clickUsuariosRoles", "clickConfiguracion", "clickPagos", "clickSubsServicios", "clickCambiarCuenta", "clickCerrarSesion", "clickReferir"] }] }); }
|
|
3624
3810
|
}
|
|
3625
3811
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
3626
3812
|
type: Component,
|
|
3627
|
-
args: [{ selector: 'ius-toolbar', standalone: true, imports: [ButtonCircleTertiaryComponent, DropdownUserMenuComponent, ToolbarUserMenuComponent], template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\">\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickBuild()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-help\"\r\n (buttonClicked)=\"onClickHelp()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"></ius-button-circle-tertiary>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary iconName=\"icon-apps\" (buttonClicked)=\"toggleShowMore()\">\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLitigio\" class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"></span>Vigilancia</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCorreo\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"></span>Correo</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLocalizador\" class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"></span>Localizador</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgFirma\" class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"></span>Firma</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCrm\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"></span>CRM</button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu nameUser=\"
|
|
3813
|
+
args: [{ selector: 'ius-toolbar', standalone: true, imports: [ButtonCircleTertiaryComponent, DropdownUserMenuComponent, ToolbarUserMenuComponent], template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\">\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickBuild()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-help\"\r\n (buttonClicked)=\"onClickHelp()\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"></ius-button-circle-tertiary>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary iconName=\"icon-apps\" (buttonClicked)=\"toggleShowMore()\">\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLitigio\" class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"></span>Vigilancia</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCorreo\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"></span>Correo</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgLocalizador\" class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"></span>Localizador</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgFirma\" class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"></span>Firma</button>\r\n <button class=\"item-btn\"><span [innerHTML]=\"svgCrm\" class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"></span>CRM</button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu [nameUser]=\"object.nombreUsuario\" class=\"dropdown\" [avatar]=\"object.avatarUsuario || 'assets/images/Avatar.png'\"\r\n [logo]=\"object.logoCompany || 'assets/images/Logo.png'\">\r\n <ius-toolbar-user-menu [object]=\"object\" [detailSubscripcion]=\"detailSubscripcion\" [detailsConsumo]=\"detailsConsumo\"\r\n [accountsList]=\"accountsList\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\" (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\" (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\" (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n", 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}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"] }]
|
|
3628
3814
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { object: [{
|
|
3629
3815
|
type: Input,
|
|
3630
3816
|
args: [{ required: true }]
|
|
3817
|
+
}], detailSubscripcion: [{
|
|
3818
|
+
type: Input
|
|
3819
|
+
}], detailsConsumo: [{
|
|
3820
|
+
type: Input
|
|
3821
|
+
}], accountsList: [{
|
|
3822
|
+
type: Input
|
|
3631
3823
|
}], pagina: [{
|
|
3632
3824
|
type: Input
|
|
3633
3825
|
}], clickBuild: [{
|
|
@@ -4046,34 +4238,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4046
4238
|
type: Output
|
|
4047
4239
|
}] } });
|
|
4048
4240
|
|
|
4049
|
-
class PopoverComponent {
|
|
4050
|
-
constructor() {
|
|
4051
|
-
this.label = '';
|
|
4052
|
-
this.content = '';
|
|
4053
|
-
this.positionClass = 'tail-left';
|
|
4054
|
-
this.role = 'tooltip';
|
|
4055
|
-
}
|
|
4056
|
-
get hostClass() { return this.positionClass; }
|
|
4057
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4058
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { label: "label", content: "content", positionClass: "positionClass" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.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}:host{display:block;max-width:150px}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }); }
|
|
4059
|
-
}
|
|
4060
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
4061
|
-
type: Component,
|
|
4062
|
-
args: [{ selector: 'ius-popover', standalone: true, imports: [], template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.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}:host{display:block;max-width:150px}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }]
|
|
4063
|
-
}], propDecorators: { label: [{
|
|
4064
|
-
type: Input
|
|
4065
|
-
}], content: [{
|
|
4066
|
-
type: Input
|
|
4067
|
-
}], positionClass: [{
|
|
4068
|
-
type: Input
|
|
4069
|
-
}], hostClass: [{
|
|
4070
|
-
type: HostBinding,
|
|
4071
|
-
args: ['class']
|
|
4072
|
-
}], role: [{
|
|
4073
|
-
type: HostBinding,
|
|
4074
|
-
args: ['attr.role']
|
|
4075
|
-
}] } });
|
|
4076
|
-
|
|
4077
4241
|
class PopoverDirective {
|
|
4078
4242
|
constructor() {
|
|
4079
4243
|
this.overlay = inject(Overlay);
|
|
@@ -5941,9 +6105,164 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5941
6105
|
type: Output
|
|
5942
6106
|
}] } });
|
|
5943
6107
|
|
|
6108
|
+
class ButtonMenuLinkComponent {
|
|
6109
|
+
constructor() {
|
|
6110
|
+
this.disabled = false;
|
|
6111
|
+
this.iconColor = '';
|
|
6112
|
+
this.iconName = '';
|
|
6113
|
+
this.buttonClicked = new EventEmitter();
|
|
6114
|
+
}
|
|
6115
|
+
onClick(event) {
|
|
6116
|
+
if (this.disabled == false) {
|
|
6117
|
+
this.buttonClicked.emit(event);
|
|
6118
|
+
}
|
|
6119
|
+
}
|
|
6120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonMenuLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonMenuLinkComponent, isStandalone: true, selector: "ius-button-menu-link", inputs: { disabled: "disabled", iconColor: "iconColor", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\" [style.color]=\"iconColor\"></ius-icon-md>\r\n</button>", styles: [".icon-color{color:#9c3}.ius-btn{display:flex;width:36px;height:28px;padding:4px 8px;justify-content:center;align-items:center;border-radius:4px;background-color:transparent;border:none;cursor:pointer}.ius-btn:hover:not(:disabled){background-color:#f0f0f0}.ius-btn:disabled{background-color:#f0f0f0;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#595959!important}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
6122
|
+
}
|
|
6123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonMenuLinkComponent, decorators: [{
|
|
6124
|
+
type: Component,
|
|
6125
|
+
args: [{ selector: 'ius-button-menu-link', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\" [style.color]=\"iconColor\"></ius-icon-md>\r\n</button>", styles: [".icon-color{color:#9c3}.ius-btn{display:flex;width:36px;height:28px;padding:4px 8px;justify-content:center;align-items:center;border-radius:4px;background-color:transparent;border:none;cursor:pointer}.ius-btn:hover:not(:disabled){background-color:#f0f0f0}.ius-btn:disabled{background-color:#f0f0f0;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#595959!important}\n"] }]
|
|
6126
|
+
}], propDecorators: { disabled: [{
|
|
6127
|
+
type: Input
|
|
6128
|
+
}], iconColor: [{
|
|
6129
|
+
type: Input
|
|
6130
|
+
}], iconName: [{
|
|
6131
|
+
type: Input
|
|
6132
|
+
}], buttonClicked: [{
|
|
6133
|
+
type: Output
|
|
6134
|
+
}] } });
|
|
6135
|
+
|
|
6136
|
+
class CardVigilanciaJudicialComponent {
|
|
6137
|
+
constructor() {
|
|
6138
|
+
this.priority = true;
|
|
6139
|
+
this.hasDocuments = true;
|
|
6140
|
+
this.read = true;
|
|
6141
|
+
this.collapse = true;
|
|
6142
|
+
}
|
|
6143
|
+
toggleCollapse() {
|
|
6144
|
+
this.collapse = !this.collapse;
|
|
6145
|
+
}
|
|
6146
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6147
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardVigilanciaJudicialComponent, isStandalone: true, selector: "ius-card-vigilancia-judicial", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse" }, ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n [ngClass]=\"{'priority-tx': priority }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Auto nombra auxiliar de la justicia</span>\r\n <span class=\"body-base-1 txt-sec\">JUZGADO 2\u00B0 CIVIL DEL CIRCUITO DE ITAG\u00DCI</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>17 jun 2025</span>\r\n <span>-</span>\r\n <span>17 jun 2025</span>\r\n </div>\r\n <span class=\"label-base txt-ter\">Fijaci\u00F3n estado</span>\r\n <span class=\"body-base-1 txt-sec\">Actuaci\u00F3n registrada el 17/07/2025 a las 11:48:00.</span>\r\n </div>\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>17 jun 2025</span>\r\n <span>-</span>\r\n <span>17 jun 2025</span>\r\n </div>\r\n <span class=\"label-base txt-ter\">Auto nombra auxiliar de la justicia</span>\r\n <span class=\"body-base-1 txt-sec\">Releva liquidador</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-notes\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:68px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }] }); }
|
|
6148
|
+
}
|
|
6149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, decorators: [{
|
|
6150
|
+
type: Component,
|
|
6151
|
+
args: [{ selector: 'ius-card-vigilancia-judicial', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n [ngClass]=\"{'priority-tx': priority }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Auto nombra auxiliar de la justicia</span>\r\n <span class=\"body-base-1 txt-sec\">JUZGADO 2\u00B0 CIVIL DEL CIRCUITO DE ITAG\u00DCI</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>17 jun 2025</span>\r\n <span>-</span>\r\n <span>17 jun 2025</span>\r\n </div>\r\n <span class=\"label-base txt-ter\">Fijaci\u00F3n estado</span>\r\n <span class=\"body-base-1 txt-sec\">Actuaci\u00F3n registrada el 17/07/2025 a las 11:48:00.</span>\r\n </div>\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>17 jun 2025</span>\r\n <span>-</span>\r\n <span>17 jun 2025</span>\r\n </div>\r\n <span class=\"label-base txt-ter\">Auto nombra auxiliar de la justicia</span>\r\n <span class=\"body-base-1 txt-sec\">Releva liquidador</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-notes\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:68px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
6152
|
+
}], propDecorators: { priority: [{
|
|
6153
|
+
type: Input
|
|
6154
|
+
}], hasDocuments: [{
|
|
6155
|
+
type: Input
|
|
6156
|
+
}], read: [{
|
|
6157
|
+
type: Input
|
|
6158
|
+
}], collapse: [{
|
|
6159
|
+
type: Input
|
|
6160
|
+
}] } });
|
|
6161
|
+
|
|
6162
|
+
class CardAgendaJudicialComponent {
|
|
6163
|
+
constructor() {
|
|
6164
|
+
this.priority = true;
|
|
6165
|
+
this.hasDocuments = true;
|
|
6166
|
+
this.read = true;
|
|
6167
|
+
this.collapse = true;
|
|
6168
|
+
}
|
|
6169
|
+
toggleCollapse() {
|
|
6170
|
+
this.collapse = !this.collapse;
|
|
6171
|
+
}
|
|
6172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardAgendaJudicialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6173
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardAgendaJudicialComponent, isStandalone: true, selector: "ius-card-agenda-judicial", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse" }, ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-judge\" class=\"txt-pry\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Agenda Litigiovirtual</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Audiencia de tr\u00E1mite y\r\n juzgamiento</span>\r\n <span class=\"body-base-1 txt-sec\">SERVICIO DE AGENDA LITIGIOVIRTUAL</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>29-jun 2025</span>\r\n <span>-</span>\r\n <span>14:30</span>\r\n </div>\r\n <span class=\"label-base txt-ter\">Demandante: Departamento de Antioquia (EST)</span>\r\n <span class=\"body-base-1 txt-sec\">Consejo de Estado</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-notes\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:68px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;justify-content:center;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }] }); }
|
|
6174
|
+
}
|
|
6175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardAgendaJudicialComponent, decorators: [{
|
|
6176
|
+
type: Component,
|
|
6177
|
+
args: [{ selector: 'ius-card-agenda-judicial', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-judge\" class=\"txt-pry\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Agenda Litigiovirtual</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Audiencia de tr\u00E1mite y\r\n juzgamiento</span>\r\n <span class=\"body-base-1 txt-sec\">SERVICIO DE AGENDA LITIGIOVIRTUAL</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>29-jun 2025</span>\r\n <span>-</span>\r\n <span>14:30</span>\r\n </div>\r\n <span class=\"label-base txt-ter\">Demandante: Departamento de Antioquia (EST)</span>\r\n <span class=\"body-base-1 txt-sec\">Consejo de Estado</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-button-menu-link iconName=\"icon-notes\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:68px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;justify-content:center;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
6178
|
+
}], propDecorators: { priority: [{
|
|
6179
|
+
type: Input
|
|
6180
|
+
}], hasDocuments: [{
|
|
6181
|
+
type: Input
|
|
6182
|
+
}], read: [{
|
|
6183
|
+
type: Input
|
|
6184
|
+
}], collapse: [{
|
|
6185
|
+
type: Input
|
|
6186
|
+
}] } });
|
|
6187
|
+
|
|
6188
|
+
class CardActividadEventoComponent {
|
|
6189
|
+
constructor() {
|
|
6190
|
+
this.read = true;
|
|
6191
|
+
this.warning = false;
|
|
6192
|
+
this.collapse = true;
|
|
6193
|
+
}
|
|
6194
|
+
toggleCollapse() {
|
|
6195
|
+
this.collapse = !this.collapse;
|
|
6196
|
+
}
|
|
6197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActividadEventoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6198
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardActividadEventoComponent, isStandalone: true, selector: "ius-card-actividad-evento", inputs: { read: "read", warning: "warning", collapse: "collapse" }, ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n [ngClass]=\"{'icon-calendar-clock': read }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">AUDIENCIA - Audiencia de\r\n tr\u00E1mite y juzgamiento</span>\r\n <div class=\"tx-asig\">\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n <span class=\"body-base-1 txt-sec\">Marcela Duque Bedoya</span>\r\n </div>\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Programada para el</span>\r\n <span class=\"body-base-1 txt-sec\">18 jun 2025 10:20 AM</span>\r\n </div>\r\n </div>\r\n <span class=\"body-base-1 txt-sec\">CARLOS ARREDONDO SANMARTIN</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n <div class=\"row-text-2\">\r\n @if (warning && !read) {\r\n <div class=\"icon-dot-warning\"></div>\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }@else if(!warning && !read){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n [disabled]=\"read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n @if (warning && !read) {\r\n <span class=\"label-base tx-warn\">Programada</span>\r\n }@else if(!warning && !read){\r\n <span class=\"label-base tx-read\">Programada</span>\r\n } @else {\r\n <span class=\"label-base txt-ter\">Programada</span>\r\n }\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>17 jun 2025</span>\r\n <span>-</span>\r\n <span>18 jun 2025</span>\r\n </div>\r\n <span class=\"body-base-1 txt-pry\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\u00A0\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\r\n </div>\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }] }); }
|
|
6199
|
+
}
|
|
6200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActividadEventoComponent, decorators: [{
|
|
6201
|
+
type: Component,
|
|
6202
|
+
args: [{ selector: 'ius-card-actividad-evento', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, IconXsComponent], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n [ngClass]=\"{'icon-calendar-clock': read }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">AUDIENCIA - Audiencia de\r\n tr\u00E1mite y juzgamiento</span>\r\n <div class=\"tx-asig\">\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n <span class=\"body-base-1 txt-sec\">Marcela Duque Bedoya</span>\r\n </div>\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Programada para el</span>\r\n <span class=\"body-base-1 txt-sec\">18 jun 2025 10:20 AM</span>\r\n </div>\r\n </div>\r\n <span class=\"body-base-1 txt-sec\">CARLOS ARREDONDO SANMARTIN</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n <div class=\"row-text-2\">\r\n @if (warning && !read) {\r\n <div class=\"icon-dot-warning\"></div>\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }@else if(!warning && !read){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n [disabled]=\"read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n @if (warning && !read) {\r\n <span class=\"label-base tx-warn\">Programada</span>\r\n }@else if(!warning && !read){\r\n <span class=\"label-base tx-read\">Programada</span>\r\n } @else {\r\n <span class=\"label-base txt-ter\">Programada</span>\r\n }\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>17 jun 2025</span>\r\n <span>-</span>\r\n <span>18 jun 2025</span>\r\n </div>\r\n <span class=\"body-base-1 txt-pry\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\u00A0\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\r\n </div>\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
6203
|
+
}], propDecorators: { read: [{
|
|
6204
|
+
type: Input
|
|
6205
|
+
}], warning: [{
|
|
6206
|
+
type: Input
|
|
6207
|
+
}], collapse: [{
|
|
6208
|
+
type: Input
|
|
6209
|
+
}] } });
|
|
6210
|
+
|
|
6211
|
+
class CardEtapaSubetapaComponent {
|
|
6212
|
+
constructor() {
|
|
6213
|
+
this.priority = true;
|
|
6214
|
+
this.hasDocuments = true;
|
|
6215
|
+
this.read = true;
|
|
6216
|
+
this.collapse = true;
|
|
6217
|
+
}
|
|
6218
|
+
toggleCollapse() {
|
|
6219
|
+
this.collapse = !this.collapse;
|
|
6220
|
+
}
|
|
6221
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardEtapaSubetapaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardEtapaSubetapaComponent, isStandalone: true, selector: "ius-card-etapa-subetapa", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse" }, ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Embargo - Registro de\r\n embargo</span>\r\n <span class=\"body-base-1 txt-sec\">CARLOS ARREDONDO SANMARTIN - EN PRIMER</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-sm txt-ter\">17 jun 2025</span>\r\n <span class=\"body-base-1 txt-pry\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\r\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip\r\n ex ea commodo consequat.</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent;display:none}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }] }); }
|
|
6223
|
+
}
|
|
6224
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardEtapaSubetapaComponent, decorators: [{
|
|
6225
|
+
type: Component,
|
|
6226
|
+
args: [{ selector: 'ius-card-etapa-subetapa', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Embargo - Registro de\r\n embargo</span>\r\n <span class=\"body-base-1 txt-sec\">CARLOS ARREDONDO SANMARTIN - EN PRIMER</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-sm txt-ter\">17 jun 2025</span>\r\n <span class=\"body-base-1 txt-pry\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\r\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip\r\n ex ea commodo consequat.</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent;display:none}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
6227
|
+
}], propDecorators: { priority: [{
|
|
6228
|
+
type: Input
|
|
6229
|
+
}], hasDocuments: [{
|
|
6230
|
+
type: Input
|
|
6231
|
+
}], read: [{
|
|
6232
|
+
type: Input
|
|
6233
|
+
}], collapse: [{
|
|
6234
|
+
type: Input
|
|
6235
|
+
}] } });
|
|
6236
|
+
|
|
6237
|
+
class CardImpulsoProcesalComponent {
|
|
6238
|
+
constructor() {
|
|
6239
|
+
this.priority = true;
|
|
6240
|
+
this.hasDocuments = true;
|
|
6241
|
+
this.read = true;
|
|
6242
|
+
this.collapse = true;
|
|
6243
|
+
}
|
|
6244
|
+
toggleCollapse() {
|
|
6245
|
+
this.collapse = !this.collapse;
|
|
6246
|
+
}
|
|
6247
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImpulsoProcesalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6248
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardImpulsoProcesalComponent, isStandalone: true, selector: "ius-card-impulso-procesal", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse" }, ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Se solicita requerir entidades bancarias que no han dado resp...</span>\r\n <span class=\"body-base-1 txt-sec\">CARLOS ARREDONDO SANMARTIN - EN PRIMER</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-sm txt-ter\">17 jun 2025</span>\r\n <span class=\"body-base-1 txt-pry\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\r\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip\r\n ex ea commodo consequat.</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent;display:none}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }] }); }
|
|
6249
|
+
}
|
|
6250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImpulsoProcesalComponent, decorators: [{
|
|
6251
|
+
type: Component,
|
|
6252
|
+
args: [{ selector: 'ius-card-impulso-procesal', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read === false}\">Se solicita requerir entidades bancarias que no han dado resp...</span>\r\n <span class=\"body-base-1 txt-sec\">CARLOS ARREDONDO SANMARTIN - EN PRIMER</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">17 jun 2025</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-sm txt-ter\">17 jun 2025</span>\r\n <span class=\"body-base-1 txt-pry\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\r\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor\r\n sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\r\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip\r\n ex ea commodo consequat.</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\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}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent;display:none}.fecha{width:68px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
6253
|
+
}], propDecorators: { priority: [{
|
|
6254
|
+
type: Input
|
|
6255
|
+
}], hasDocuments: [{
|
|
6256
|
+
type: Input
|
|
6257
|
+
}], read: [{
|
|
6258
|
+
type: Input
|
|
6259
|
+
}], collapse: [{
|
|
6260
|
+
type: Input
|
|
6261
|
+
}] } });
|
|
6262
|
+
|
|
5944
6263
|
/**
|
|
5945
6264
|
* Generated bundle index. Do not edit.
|
|
5946
6265
|
*/
|
|
5947
6266
|
|
|
5948
|
-
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardGestionCupoComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
6267
|
+
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CardActividadEventoComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardEtapaSubetapaComponent, CardGestionCupoComponent, CardImpulsoProcesalComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CardVigilanciaJudicialComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
5949
6268
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|