@litigiovirtual/ius-design-components 1.0.260 → 1.0.262
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-standard-outline/button-standard-outline.component.mjs +3 -3
- package/esm2022/lib/chip-user/chip-user.component.mjs +6 -3
- package/esm2022/lib/icons/icons-map.mjs +16 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +22 -4
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/chip-user/chip-user.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -138,6 +138,11 @@ const ICONS = {
|
|
|
138
138
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
139
139
|
<path d="M10.92 13.224L9.71997 12.03C9.4573 11.7633 9.14264 11.63 8.77597 11.63C8.40931 11.63 8.09264 11.7633 7.82597 12.03C7.56331 12.2967 7.43197 12.6113 7.43197 12.974C7.43197 13.3367 7.56331 13.6513 7.82597 13.918L9.92922 16.0212C10.2119 16.3077 10.5421 16.451 10.92 16.451C11.298 16.451 11.6282 16.3077 11.9107 16.0212L16.1332 11.805C16.3999 11.5383 16.5332 11.2217 16.5332 10.855C16.5332 10.4883 16.3999 10.1717 16.1332 9.905C15.8666 9.64216 15.5509 9.51075 15.1862 9.51075C14.8216 9.51075 14.5059 9.64216 14.2392 9.905L10.92 13.224ZM12.019 22.8207C10.661 22.8207 9.38439 22.5636 8.18922 22.0492C6.99389 21.5349 5.94639 20.8289 5.04672 19.9312C4.14705 19.0336 3.44005 17.9871 2.92572 16.7917C2.41139 15.5966 2.15422 14.318 2.15422 12.956C2.15422 11.594 2.41139 10.3163 2.92572 9.123C3.44005 7.92983 4.14705 6.88341 5.04672 5.98375C5.94639 5.08408 6.99389 4.37708 8.18922 3.86275C9.38439 3.34841 10.661 3.09125 12.019 3.09125C13.381 3.09125 14.6596 3.34841 15.855 3.86275C17.0501 4.37708 18.0966 5.08408 18.9942 5.98375C19.8919 6.88341 20.5979 7.92983 21.1122 9.123C21.6266 10.3163 21.8837 11.594 21.8837 12.956C21.8837 14.318 21.6266 15.5966 21.1122 16.7917C20.5979 17.9871 19.8919 19.0336 18.9942 19.9312C18.0966 20.8289 17.0501 21.5349 15.855 22.0492C14.6596 22.5636 13.381 22.8207 12.019 22.8207ZM1.29347 7.13925C1.04347 6.88525 0.919472 6.57591 0.921472 6.21125C0.923472 5.84658 1.04947 5.53725 1.29947 5.28325L4.33322 2.2555C4.58722 2.0015 4.89556 1.8755 5.25822 1.8775C5.62089 1.8795 5.92922 2.0055 6.18322 2.2555C6.43722 2.5055 6.56422 2.81383 6.56422 3.1805C6.56422 3.54716 6.43722 3.8575 6.18322 4.1115L3.14947 7.13925C2.89947 7.39308 2.59114 7.52 2.22447 7.52C1.85781 7.52 1.54747 7.39308 1.29347 7.13925ZM22.7445 7.13925C22.4945 7.39308 22.1861 7.52 21.8195 7.52C21.4528 7.52 21.1425 7.39308 20.8885 7.13925L17.8607 4.1115C17.6069 3.8575 17.48 3.54716 17.48 3.1805C17.48 2.81383 17.6069 2.5055 17.8607 2.2555C18.1147 2.0055 18.4241 1.8805 18.7887 1.8805C19.1534 1.8805 19.4627 2.0075 19.7167 2.2615L22.7445 5.28925C22.9985 5.54308 23.1245 5.85141 23.1225 6.21425C23.1205 6.57691 22.9945 6.88525 22.7445 7.13925Z" fill="currentColor"/>
|
|
140
140
|
</svg>
|
|
141
|
+
`,
|
|
142
|
+
'icon-2-alarm': `
|
|
143
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
144
|
+
<path d="M8.41275 21.4757C7.29525 20.9907 6.32233 20.3342 5.494 19.506C4.66583 18.6777 4.00925 17.7047 3.52425 16.5872C3.03925 15.4696 2.79675 14.2738 2.79675 13C2.79675 11.7262 3.03925 10.5304 3.52425 9.41275C4.00925 8.29525 4.66583 7.32233 5.494 6.494C6.32233 5.66583 7.29525 5.00925 8.41275 4.52425C9.53042 4.03925 10.7262 3.79675 12 3.79675C13.2738 3.79675 14.4696 4.03925 15.5872 4.52425C16.7048 5.00925 17.6777 5.66583 18.506 6.494C19.3342 7.32233 19.9908 8.29525 20.4758 9.41275C20.9608 10.5304 21.2033 11.7262 21.2033 13C21.2033 14.2738 20.9608 15.4696 20.4758 16.5872C19.9908 17.7047 19.3342 18.6777 18.506 19.506C17.6777 20.3342 16.7048 20.9907 15.5872 21.4757C14.4696 21.9607 13.2738 22.2032 12 22.2032C10.7262 22.2032 9.53042 21.9607 8.41275 21.4757ZM14.7523 17.2477L16.23 15.77L13.0477 12.588V8H10.9523V13.4477L14.7523 17.2477ZM5.51025 2.099L6.982 3.56475L2.56475 7.982L1.099 6.51025L5.51025 2.099ZM18.4897 2.099L22.901 6.51025L21.4352 7.982L17.018 3.56475L18.4897 2.099ZM12 19.9282C13.93 19.9282 15.5672 19.2561 16.9117 17.9117C18.2561 16.5673 18.9282 14.93 18.9282 13C18.9282 11.07 18.2561 9.43275 16.9117 8.08825C15.5672 6.74392 13.93 6.07175 12 6.07175C10.07 6.07175 8.43275 6.74392 7.08825 8.08825C5.74392 9.43275 5.07175 11.07 5.07175 13C5.07175 14.93 5.74392 16.5673 7.08825 17.9117C8.43275 19.2561 10.07 19.9282 12 19.9282Z" fill="currentColor"/>
|
|
145
|
+
</svg>
|
|
141
146
|
`,
|
|
142
147
|
'icon-add-call': `
|
|
143
148
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
@@ -363,6 +368,16 @@ const ICONS = {
|
|
|
363
368
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
364
369
|
<path d="M4.94577 22.8457C4.16361 22.8457 3.49644 22.5683 2.94427 22.0135C2.39227 21.4587 2.11627 20.7929 2.11627 20.0162V5.90174C2.11627 5.11957 2.39227 4.4524 2.94427 3.90024C3.49644 3.34824 4.16361 3.07224 4.94577 3.07224H5.18752V2.49724C5.18752 2.12824 5.32011 1.81215 5.58527 1.54899C5.85027 1.28582 6.16736 1.15424 6.53652 1.15424C6.91102 1.15424 7.22844 1.28582 7.48877 1.54899C7.74911 1.81215 7.87927 2.12824 7.87927 2.49724V3.07224H16.1208V2.49724C16.1208 2.12824 16.2519 1.81215 16.5143 1.54899C16.7764 1.28582 17.0939 1.15424 17.4665 1.15424C17.8392 1.15424 18.1567 1.28582 18.419 1.54899C18.6814 1.81215 18.8125 2.12824 18.8125 2.49724V3.07224H19.0543C19.8364 3.07224 20.5036 3.34824 21.0558 3.90024C21.6078 4.4524 21.8838 5.11957 21.8838 5.90174V20.0162C21.8838 20.7929 21.6078 21.4587 21.0558 22.0135C20.5036 22.5683 19.8364 22.8457 19.0543 22.8457H4.94577ZM4.94577 20.0162H19.0543V9.57174H4.94577V20.0162ZM12.003 14.174C11.6787 14.174 11.4014 14.0593 11.1713 13.83C10.9411 13.6007 10.826 13.3244 10.826 13.0012C10.826 12.6782 10.9411 12.4016 11.1713 12.1712C11.4014 11.9411 11.6787 11.826 12.003 11.826C12.3272 11.826 12.6034 11.9407 12.8318 12.17C13.0599 12.3993 13.174 12.6756 13.174 12.9987C13.174 13.3217 13.0599 13.5984 12.8318 13.8287C12.6034 14.0589 12.3272 14.174 12.003 14.174ZM8.00127 14.174C7.67827 14.174 7.40161 14.0593 7.17127 13.83C6.94111 13.6007 6.82602 13.3244 6.82602 13.0012C6.82602 12.6782 6.94069 12.4016 7.17002 12.1712C7.39936 11.9411 7.67561 11.826 7.99877 11.826C8.32177 11.826 8.59844 11.9407 8.82877 12.17C9.05894 12.3993 9.17402 12.6756 9.17402 12.9987C9.17402 13.3217 9.05936 13.5984 8.83002 13.8287C8.60069 14.0589 8.32444 14.174 8.00127 14.174ZM15.997 14.174C15.6784 14.174 15.4035 14.0593 15.1725 13.83C14.9415 13.6007 14.826 13.3244 14.826 13.0012C14.826 12.6782 14.9415 12.4016 15.1725 12.1712C15.4035 11.9411 15.6794 11.826 16 11.826C16.3207 11.826 16.5965 11.9407 16.8275 12.17C17.0585 12.3993 17.174 12.6756 17.174 12.9987C17.174 13.3217 17.0589 13.5984 16.8288 13.8287C16.5986 14.0589 16.3214 14.174 15.997 14.174ZM12.003 18.174C11.6787 18.174 11.4014 18.0585 11.1713 17.8275C10.9411 17.5965 10.826 17.3207 10.826 17C10.826 16.6793 10.9411 16.4035 11.1713 16.1725C11.4014 15.9415 11.6787 15.826 12.003 15.826C12.3272 15.826 12.6034 15.9411 12.8318 16.1712C13.0599 16.4014 13.174 16.6787 13.174 17.003C13.174 17.3217 13.0599 17.5965 12.8318 17.8275C12.6034 18.0585 12.3272 18.174 12.003 18.174ZM8.00127 18.174C7.67827 18.174 7.40161 18.0585 7.17127 17.8275C6.94111 17.5965 6.82602 17.3207 6.82602 17C6.82602 16.6793 6.94069 16.4035 7.17002 16.1725C7.39936 15.9415 7.67561 15.826 7.99877 15.826C8.32177 15.826 8.59844 15.9411 8.82877 16.1712C9.05894 16.4014 9.17402 16.6787 9.17402 17.003C9.17402 17.3217 9.05936 17.5965 8.83002 17.8275C8.60069 18.0585 8.32444 18.174 8.00127 18.174ZM15.997 18.174C15.6784 18.174 15.4035 18.0585 15.1725 17.8275C14.9415 17.5965 14.826 17.3207 14.826 17C14.826 16.6793 14.9415 16.4035 15.1725 16.1725C15.4035 15.9415 15.6794 15.826 16 15.826C16.3207 15.826 16.5965 15.9411 16.8275 16.1712C17.0585 16.4014 17.174 16.6787 17.174 17.003C17.174 17.3217 17.0589 17.5965 16.8288 17.8275C16.5986 18.0585 16.3214 18.174 15.997 18.174Z" fill="currentColor"/>
|
|
365
370
|
</svg>
|
|
371
|
+
`,
|
|
372
|
+
'icon-2-calendar-month': `
|
|
373
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
374
|
+
<path d="M5.07175 22.2033C4.44209 22.2033 3.9055 21.9815 3.462 21.538C3.0185 21.0945 2.79675 20.5579 2.79675 19.9283V6.07175C2.79675 5.44209 3.0185 4.9055 3.462 4.462C3.9055 4.0185 4.44209 3.79675 5.07175 3.79675H6V1.79675H8.1375V3.79675H15.8625V1.79675H18V3.79675H18.9283C19.5579 3.79675 20.0945 4.0185 20.538 4.462C20.9815 4.9055 21.2033 5.44209 21.2033 6.07175V19.9283C21.2033 20.5579 20.9815 21.0945 20.538 21.538C20.0945 21.9815 19.5579 22.2033 18.9283 22.2033H5.07175ZM5.07175 19.9283H18.9283V10H5.07175V19.9283ZM5.07175 8H18.9283V6.07175H5.07175V8ZM12 14.0478C11.7032 14.0478 11.4543 13.9473 11.2535 13.7465C11.0527 13.5457 10.9523 13.2968 10.9523 13C10.9523 12.7032 11.0527 12.4543 11.2535 12.2535C11.4543 12.0527 11.7032 11.9523 12 11.9523C12.2968 11.9523 12.5457 12.0527 12.7465 12.2535C12.9473 12.4543 13.0478 12.7032 13.0478 13C13.0478 13.2968 12.9473 13.5457 12.7465 13.7465C12.5457 13.9473 12.2968 14.0478 12 14.0478ZM8 14.0478C7.70317 14.0478 7.45434 13.9473 7.2535 13.7465C7.05267 13.5457 6.95225 13.2968 6.95225 13C6.95225 12.7032 7.05267 12.4543 7.2535 12.2535C7.45434 12.0527 7.70317 11.9523 8 11.9523C8.29684 11.9523 8.54567 12.0527 8.7465 12.2535C8.94734 12.4543 9.04775 12.7032 9.04775 13C9.04775 13.2968 8.94734 13.5457 8.7465 13.7465C8.54567 13.9473 8.29684 14.0478 8 14.0478ZM16 14.0478C15.7087 14.0478 15.4612 13.9473 15.2575 13.7465C15.054 13.5457 14.9523 13.2968 14.9523 13C14.9523 12.7032 15.054 12.4543 15.2575 12.2535C15.4612 12.0527 15.7097 11.9523 16.003 11.9523C16.2963 11.9523 16.5438 12.0527 16.7455 12.2535C16.947 12.4543 17.0478 12.7032 17.0478 13C17.0478 13.2968 16.9473 13.5457 16.7465 13.7465C16.5457 13.9473 16.2968 14.0478 16 14.0478ZM12 18.0478C11.7032 18.0478 11.4543 17.946 11.2535 17.7425C11.0527 17.5388 10.9523 17.2903 10.9523 16.997C10.9523 16.7037 11.0527 16.4562 11.2535 16.2545C11.4543 16.053 11.7032 15.9523 12 15.9523C12.2968 15.9523 12.5457 16.0527 12.7465 16.2535C12.9473 16.4543 13.0478 16.7032 13.0478 17C13.0478 17.2913 12.9473 17.5388 12.7465 17.7425C12.5457 17.946 12.2968 18.0478 12 18.0478ZM8 18.0478C7.70317 18.0478 7.45434 17.946 7.2535 17.7425C7.05267 17.5388 6.95225 17.2903 6.95225 16.997C6.95225 16.7037 7.05267 16.4562 7.2535 16.2545C7.45434 16.053 7.70317 15.9523 8 15.9523C8.29684 15.9523 8.54567 16.0527 8.7465 16.2535C8.94734 16.4543 9.04775 16.7032 9.04775 17C9.04775 17.2913 8.94734 17.5388 8.7465 17.7425C8.54567 17.946 8.29684 18.0478 8 18.0478ZM16 18.0478C15.7087 18.0478 15.4612 17.946 15.2575 17.7425C15.054 17.5388 14.9523 17.2903 14.9523 16.997C14.9523 16.7037 15.054 16.4562 15.2575 16.2545C15.4612 16.053 15.7097 15.9523 16.003 15.9523C16.2963 15.9523 16.5438 16.0527 16.7455 16.2535C16.947 16.4543 17.0478 16.7032 17.0478 17C17.0478 17.2913 16.9473 17.5388 16.7465 17.7425C16.5457 17.946 16.2968 18.0478 16 18.0478Z" fill="currentColor"/>
|
|
375
|
+
</svg>
|
|
376
|
+
`,
|
|
377
|
+
'icon-2-schedule': `
|
|
378
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
379
|
+
<path d="M15.2103 16.7358L16.7478 15.2103L13.0898 11.5523V7.03H10.9103V12.4333L15.2103 16.7358ZM12 22.2033C10.5848 22.2033 9.257 21.9356 8.0165 21.4003C6.77584 20.8649 5.69667 20.1385 4.779 19.221C3.8615 18.3033 3.13509 17.2242 2.59975 15.9835C2.06442 14.743 1.79675 13.4152 1.79675 12C1.79675 10.5848 2.06442 9.257 2.59975 8.0165C3.13509 6.77584 3.8615 5.69667 4.779 4.779C5.69667 3.8615 6.77584 3.13509 8.0165 2.59975C9.257 2.06442 10.5848 1.79675 12 1.79675C13.4152 1.79675 14.743 2.06442 15.9835 2.59975C17.2242 3.13509 18.3033 3.8615 19.221 4.779C20.1385 5.69667 20.8649 6.77584 21.4003 8.0165C21.9356 9.257 22.2033 10.5848 22.2033 12C22.2033 13.4152 21.9356 14.743 21.4003 15.9835C20.8649 17.2242 20.1385 18.3033 19.221 19.221C18.3033 20.1385 17.2242 20.8649 15.9835 21.4003C14.743 21.9356 13.4152 22.2033 12 22.2033ZM12 19.9283C14.1967 19.9283 16.0673 19.1571 17.6118 17.6148C19.1561 16.0723 19.9283 14.2007 19.9283 12C19.9283 9.79934 19.1561 7.92775 17.6118 6.38525C16.0674 4.84292 14.1968 4.07175 12 4.07175C9.80334 4.07175 7.93275 4.84292 6.38825 6.38525C4.84392 7.92775 4.07175 9.79934 4.07175 12C4.07175 14.2007 4.84392 16.0723 6.38825 17.6148C7.93259 19.1571 9.80317 19.9283 12 19.9283Z" fill="currentColor"/>
|
|
380
|
+
</svg>
|
|
366
381
|
`,
|
|
367
382
|
'icon-location-on': `
|
|
368
383
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
|
|
@@ -1267,11 +1282,11 @@ class ButtonStandardOutlineComponent {
|
|
|
1267
1282
|
}
|
|
1268
1283
|
}
|
|
1269
1284
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardOutlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1270
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardOutlineComponent, isStandalone: true, selector: "ius-button-standard-outline", inputs: { disabled: "disabled", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\n @if(iconName){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n</button>", 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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:
|
|
1285
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardOutlineComponent, isStandalone: true, selector: "ius-button-standard-outline", inputs: { disabled: "disabled", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\n @if(iconName){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n</button>", 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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:#fff;color:#7caf25;border:1px solid #7CAF25;cursor:pointer}.ius-btn:hover:not(:disabled){background:#f9ffe3;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background:#7caf25;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{border:1px solid #eaeaea;background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
1271
1286
|
}
|
|
1272
1287
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardOutlineComponent, decorators: [{
|
|
1273
1288
|
type: Component,
|
|
1274
|
-
args: [{ selector: 'ius-button-standard-outline', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\n @if(iconName){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n</button>", 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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:
|
|
1289
|
+
args: [{ selector: 'ius-button-standard-outline', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\n @if(iconName){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n</button>", 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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:#fff;color:#7caf25;border:1px solid #7CAF25;cursor:pointer}.ius-btn:hover:not(:disabled){background:#f9ffe3;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background:#7caf25;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{border:1px solid #eaeaea;background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1275
1290
|
}], propDecorators: { disabled: [{
|
|
1276
1291
|
type: Input
|
|
1277
1292
|
}], iconName: [{
|
|
@@ -3932,23 +3947,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3932
3947
|
|
|
3933
3948
|
class ChipUserComponent {
|
|
3934
3949
|
constructor() {
|
|
3950
|
+
this.removable = true;
|
|
3935
3951
|
this.onRemoveEvent = new EventEmitter();
|
|
3936
3952
|
}
|
|
3937
3953
|
remove() {
|
|
3938
3954
|
this.onRemoveEvent.emit(null);
|
|
3939
3955
|
}
|
|
3940
3956
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3941
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3957
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ChipUserComponent, isStandalone: true, selector: "ius-chip-user", inputs: { imageUrl: "imageUrl", name: "name", text: "text", removable: "removable" }, outputs: { onRemoveEvent: "onRemoveEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"imageUrl\" [name]=\"name\" size=\"md\" shape=\"circle\"></ius-avatar-v2>\r\n <span class=\"text-name\">{{text}}</span>\r\n @if (removable) {\r\n <div class=\"actions\">\r\n <button (click)=\"remove()\" class=\"button-remove\">\r\n <ius-icon-md iconName=\"icon-cancel\"></ius-icon-md>\r\n </button>\r\n </div>\r\n }\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}.container-general{position:relative;height:100%}.content{display:flex;height:30px;padding:8px;align-items:center;gap:10px;border-radius:8px;border:.5px solid #bfbfbf}.content:hover{background:transparent!important}.content:hover .actions{display:block;right:0}.text-name{color:#000;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}.actions{display:none}.button-remove{border:none;cursor:pointer;height:32px;width:32px;display:flex;justify-content:center;align-items:center;border-radius:100px;background:#f5f5f5}.button-remove:hover{background:#eaeaea}\n"], dependencies: [{ kind: "component", type: AvatarV2Component, selector: "ius-avatar-v2", inputs: ["imageUrl", "name", "size", "shape", "showEditButton", "backgroundColor", "fallbackIconName"], outputs: ["editClicked"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
3942
3958
|
}
|
|
3943
3959
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipUserComponent, decorators: [{
|
|
3944
3960
|
type: Component,
|
|
3945
|
-
args: [{ selector: 'ius-chip-user', standalone: true, imports: [AvatarV2Component, IconMdComponent], template: "<div class=\"container-general\">\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"imageUrl\" [name]=\"name\" size=\"md\" shape=\"circle\"></ius-avatar-v2>\r\n <span class=\"text-name\">{{text}}</span>\r\n <div class=\"actions\">\r\n <button (click)=\"remove()\" class=\"button-remove\">\r\n <ius-icon-md iconName=\"icon-cancel\"></ius-icon-md>\r\n </button>\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}.container-general{position:relative;height:100%}.content{display:flex;height:30px;padding:8px;align-items:center;gap:10px;border-radius:8px;border:.5px solid #bfbfbf}.content:hover{background:transparent!important}.content:hover .actions{display:block;right:0}.text-name{color:#000;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}.actions{display:none}.button-remove{border:none;cursor:pointer;height:32px;width:32px;display:flex;justify-content:center;align-items:center;border-radius:100px;background:#f5f5f5}.button-remove:hover{background:#eaeaea}\n"] }]
|
|
3961
|
+
args: [{ selector: 'ius-chip-user', standalone: true, imports: [AvatarV2Component, IconMdComponent], template: "<div class=\"container-general\">\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"imageUrl\" [name]=\"name\" size=\"md\" shape=\"circle\"></ius-avatar-v2>\r\n <span class=\"text-name\">{{text}}</span>\r\n @if (removable) {\r\n <div class=\"actions\">\r\n <button (click)=\"remove()\" class=\"button-remove\">\r\n <ius-icon-md iconName=\"icon-cancel\"></ius-icon-md>\r\n </button>\r\n </div>\r\n }\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}.container-general{position:relative;height:100%}.content{display:flex;height:30px;padding:8px;align-items:center;gap:10px;border-radius:8px;border:.5px solid #bfbfbf}.content:hover{background:transparent!important}.content:hover .actions{display:block;right:0}.text-name{color:#000;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}.actions{display:none}.button-remove{border:none;cursor:pointer;height:32px;width:32px;display:flex;justify-content:center;align-items:center;border-radius:100px;background:#f5f5f5}.button-remove:hover{background:#eaeaea}\n"] }]
|
|
3946
3962
|
}], propDecorators: { imageUrl: [{
|
|
3947
3963
|
type: Input
|
|
3948
3964
|
}], name: [{
|
|
3949
3965
|
type: Input
|
|
3950
3966
|
}], text: [{
|
|
3951
3967
|
type: Input
|
|
3968
|
+
}], removable: [{
|
|
3969
|
+
type: Input
|
|
3952
3970
|
}], onRemoveEvent: [{
|
|
3953
3971
|
type: Output
|
|
3954
3972
|
}] } });
|