@litigiovirtual/ius-design-components 1.0.208 → 1.0.210
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/card-vigilancia-judicial/card-vigilancia-judicial.component.mjs +3 -3
- package/esm2022/lib/chip/chip.component.mjs +33 -0
- package/esm2022/lib/chip/index.mjs +2 -0
- package/esm2022/lib/input-select/input-select.component.mjs +15 -10
- package/esm2022/lib/input-select-filter/input-select-filter.component.mjs +16 -11
- package/esm2022/lib/item-document/item-document.component.mjs +8 -6
- package/esm2022/lib/simple-divider/simple-divider.component.mjs +2 -2
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +69 -29
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/chip/chip.component.d.ts +11 -0
- package/lib/chip/index.d.ts +1 -0
- package/lib/input-select/input-select.component.d.ts +1 -0
- package/lib/input-select-filter/input-select-filter.component.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -1983,11 +1983,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1983
1983
|
|
|
1984
1984
|
class SimpleDividerComponent {
|
|
1985
1985
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1986
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleDividerComponent, isStandalone: true, selector: "ius-simple-divider", ngImport: i0, template: "\r\n", styles: [":host{display:block;width:100%;height:1px;background-color:#d9d9d9}\n"] }); }
|
|
1986
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleDividerComponent, isStandalone: true, selector: "ius-simple-divider", ngImport: i0, template: "\r\n", styles: [":host{display:block;width:100%;height:1px;background-color:#d9d9d9;flex-shrink:0}\n"] }); }
|
|
1987
1987
|
}
|
|
1988
1988
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleDividerComponent, decorators: [{
|
|
1989
1989
|
type: Component,
|
|
1990
|
-
args: [{ selector: 'ius-simple-divider', standalone: true, imports: [], template: "\r\n", styles: [":host{display:block;width:100%;height:1px;background-color:#d9d9d9}\n"] }]
|
|
1990
|
+
args: [{ selector: 'ius-simple-divider', standalone: true, imports: [], template: "\r\n", styles: [":host{display:block;width:100%;height:1px;background-color:#d9d9d9;flex-shrink:0}\n"] }]
|
|
1991
1991
|
}] });
|
|
1992
1992
|
|
|
1993
1993
|
class DatePickerComponent {
|
|
@@ -2659,6 +2659,7 @@ class InputSelectComponent {
|
|
|
2659
2659
|
this.hasClickedInside = false;
|
|
2660
2660
|
this.selected = false;
|
|
2661
2661
|
this._overlayRef = null;
|
|
2662
|
+
this._scrollListener = () => { this._overlayRef?.updatePosition(); };
|
|
2662
2663
|
this.componentId = ''; //Debe mandar un componenteID para llamar el input varias veces
|
|
2663
2664
|
this.required = false;
|
|
2664
2665
|
this.disabled = false;
|
|
@@ -2673,17 +2674,17 @@ class InputSelectComponent {
|
|
|
2673
2674
|
return;
|
|
2674
2675
|
}
|
|
2675
2676
|
const target = event.target;
|
|
2676
|
-
// Si el click es dentro del panel overlay
|
|
2677
|
+
// Si el click es dentro del panel overlay, no cerrar
|
|
2677
2678
|
if (this._overlayRef?.overlayElement.contains(target)) {
|
|
2678
2679
|
return;
|
|
2679
2680
|
}
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
if (!container || !container.contains(target)) {
|
|
2685
|
-
this.closeList();
|
|
2681
|
+
// Si el click es dentro del textfield, no cerrar (el toggle lo maneja onFocus/closeList)
|
|
2682
|
+
const textfield = this._el.nativeElement.querySelector('.container-textfield');
|
|
2683
|
+
if (textfield?.contains(target)) {
|
|
2684
|
+
return;
|
|
2686
2685
|
}
|
|
2686
|
+
// Cualquier otro click (fuera del host, o dentro del host pero fuera del textfield) → cerrar
|
|
2687
|
+
this.closeList();
|
|
2687
2688
|
}
|
|
2688
2689
|
closeList(event) {
|
|
2689
2690
|
if (event) {
|
|
@@ -2747,9 +2748,11 @@ class InputSelectComponent {
|
|
|
2747
2748
|
event.preventDefault();
|
|
2748
2749
|
}
|
|
2749
2750
|
_openPanel() {
|
|
2751
|
+
const textfield = this._el.nativeElement.querySelector('.container-textfield');
|
|
2752
|
+
const anchor = textfield ?? this._el;
|
|
2750
2753
|
const positionStrategy = this._overlay
|
|
2751
2754
|
.position()
|
|
2752
|
-
.flexibleConnectedTo(
|
|
2755
|
+
.flexibleConnectedTo(anchor)
|
|
2753
2756
|
.withFlexibleDimensions(false)
|
|
2754
2757
|
.withPush(false)
|
|
2755
2758
|
.withPositions([
|
|
@@ -2759,14 +2762,16 @@ class InputSelectComponent {
|
|
|
2759
2762
|
this._overlayRef = this._overlay.create({
|
|
2760
2763
|
positionStrategy,
|
|
2761
2764
|
scrollStrategy: this._overlay.scrollStrategies.reposition(),
|
|
2762
|
-
width: this._el.nativeElement.getBoundingClientRect().width,
|
|
2765
|
+
width: (textfield ?? this._el.nativeElement).getBoundingClientRect().width,
|
|
2763
2766
|
});
|
|
2764
2767
|
this._overlayRef.attach(new TemplatePortal(this.listPanel, this._vcr));
|
|
2768
|
+
window.addEventListener('scroll', this._scrollListener, true);
|
|
2765
2769
|
}
|
|
2766
2770
|
_closePanel() {
|
|
2767
2771
|
if (this._overlayRef) {
|
|
2768
2772
|
this._overlayRef.dispose();
|
|
2769
2773
|
this._overlayRef = null;
|
|
2774
|
+
window.removeEventListener('scroll', this._scrollListener, true);
|
|
2770
2775
|
}
|
|
2771
2776
|
}
|
|
2772
2777
|
ngOnDestroy() {
|
|
@@ -5356,6 +5361,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5356
5361
|
type: Output
|
|
5357
5362
|
}] } });
|
|
5358
5363
|
|
|
5364
|
+
class ChipComponent {
|
|
5365
|
+
constructor() {
|
|
5366
|
+
this.label = 'Value';
|
|
5367
|
+
this.eliminable = false;
|
|
5368
|
+
this.disabled = false;
|
|
5369
|
+
this.removed = new EventEmitter();
|
|
5370
|
+
}
|
|
5371
|
+
onRemove() {
|
|
5372
|
+
if (!this.disabled) {
|
|
5373
|
+
this.removed.emit();
|
|
5374
|
+
}
|
|
5375
|
+
}
|
|
5376
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5377
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipComponent, isStandalone: true, selector: "ius-chip", inputs: { label: "label", eliminable: "eliminable", disabled: "disabled" }, outputs: { removed: "removed" }, ngImport: i0, template: "<div\r\n class=\"chip\"\r\n [class.chip--eliminable]=\"eliminable\"\r\n [class.chip--disabled]=\"disabled\"\r\n>\r\n <span class=\"chip__label body-base-1\">{{ label }}</span>\r\n <button\r\n *ngIf=\"eliminable\"\r\n class=\"chip__remove\"\r\n [disabled]=\"disabled\"\r\n (click)=\"onRemove()\"\r\n type=\"button\"\r\n >\r\n <ius-icon-md iconName=\"icon-cancel\"></ius-icon-md>\r\n </button>\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}:host{display:inline-flex}.chip{display:flex;width:100%;align-items:center;gap:4px;padding:8px;border-radius:4px;border:1px solid #EAEAEA;background-color:#fff;cursor:default;-webkit-user-select:none;user-select:none;height:36px;box-sizing:border-box;overflow:hidden}.chip:not(.chip--eliminable):not(.chip--disabled):hover{background-color:#edf6ff;border-color:transparent}.chip--eliminable{background-color:#c4dfff;border-color:transparent}.chip--eliminable:not(.chip--disabled):hover{background-color:#edf6ff}.chip--disabled{background-color:#f0f0f0;border-color:transparent;cursor:not-allowed}.chip--disabled .chip__label{color:#bfbfbf}.chip--disabled .chip__remove{cursor:not-allowed;color:#bfbfbf}.chip__label{color:#333;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.chip__remove{display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;cursor:pointer;color:#333}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
5378
|
+
}
|
|
5379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, decorators: [{
|
|
5380
|
+
type: Component,
|
|
5381
|
+
args: [{ selector: 'ius-chip', standalone: true, imports: [CommonModule, IconMdComponent], template: "<div\r\n class=\"chip\"\r\n [class.chip--eliminable]=\"eliminable\"\r\n [class.chip--disabled]=\"disabled\"\r\n>\r\n <span class=\"chip__label body-base-1\">{{ label }}</span>\r\n <button\r\n *ngIf=\"eliminable\"\r\n class=\"chip__remove\"\r\n [disabled]=\"disabled\"\r\n (click)=\"onRemove()\"\r\n type=\"button\"\r\n >\r\n <ius-icon-md iconName=\"icon-cancel\"></ius-icon-md>\r\n </button>\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}:host{display:inline-flex}.chip{display:flex;width:100%;align-items:center;gap:4px;padding:8px;border-radius:4px;border:1px solid #EAEAEA;background-color:#fff;cursor:default;-webkit-user-select:none;user-select:none;height:36px;box-sizing:border-box;overflow:hidden}.chip:not(.chip--eliminable):not(.chip--disabled):hover{background-color:#edf6ff;border-color:transparent}.chip--eliminable{background-color:#c4dfff;border-color:transparent}.chip--eliminable:not(.chip--disabled):hover{background-color:#edf6ff}.chip--disabled{background-color:#f0f0f0;border-color:transparent;cursor:not-allowed}.chip--disabled .chip__label{color:#bfbfbf}.chip--disabled .chip__remove{cursor:not-allowed;color:#bfbfbf}.chip__label{color:#333;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.chip__remove{display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;cursor:pointer;color:#333}\n"] }]
|
|
5382
|
+
}], propDecorators: { label: [{
|
|
5383
|
+
type: Input
|
|
5384
|
+
}], eliminable: [{
|
|
5385
|
+
type: Input
|
|
5386
|
+
}], disabled: [{
|
|
5387
|
+
type: Input
|
|
5388
|
+
}], removed: [{
|
|
5389
|
+
type: Output
|
|
5390
|
+
}] } });
|
|
5391
|
+
|
|
5359
5392
|
class SimpleCardContadorComponent {
|
|
5360
5393
|
constructor() {
|
|
5361
5394
|
this.title = '';
|
|
@@ -5743,6 +5776,7 @@ class InputSelectFilterComponent {
|
|
|
5743
5776
|
this.hasClickedInside = false;
|
|
5744
5777
|
this.selected = false;
|
|
5745
5778
|
this._overlayRef = null;
|
|
5779
|
+
this._scrollListener = () => { this._overlayRef?.updatePosition(); };
|
|
5746
5780
|
this.componentId = ''; //Debe mandar un componenteID para llamar el input varias veces
|
|
5747
5781
|
this.disabled = false;
|
|
5748
5782
|
this.showHelpText = false;
|
|
@@ -5769,17 +5803,17 @@ class InputSelectFilterComponent {
|
|
|
5769
5803
|
return;
|
|
5770
5804
|
}
|
|
5771
5805
|
const target = event.target;
|
|
5772
|
-
// Si el click es dentro del panel overlay
|
|
5806
|
+
// Si el click es dentro del panel overlay, no cerrar
|
|
5773
5807
|
if (this._overlayRef?.overlayElement.contains(target)) {
|
|
5774
5808
|
return;
|
|
5775
5809
|
}
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5780
|
-
if (!container || !container.contains(target)) {
|
|
5781
|
-
this.closeList();
|
|
5810
|
+
// Si el click es dentro del textfield, no cerrar (el toggle lo maneja onFocus/closeList)
|
|
5811
|
+
const textfield = this._el.nativeElement.querySelector('.container-textfield');
|
|
5812
|
+
if (textfield?.contains(target)) {
|
|
5813
|
+
return;
|
|
5782
5814
|
}
|
|
5815
|
+
// Cualquier otro click (fuera del host, o dentro del host pero fuera del textfield) → cerrar
|
|
5816
|
+
this.closeList();
|
|
5783
5817
|
}
|
|
5784
5818
|
closeList(event) {
|
|
5785
5819
|
if (event) {
|
|
@@ -5852,9 +5886,11 @@ class InputSelectFilterComponent {
|
|
|
5852
5886
|
return selectedItems;
|
|
5853
5887
|
}
|
|
5854
5888
|
_openPanel() {
|
|
5889
|
+
const textfield = this._el.nativeElement.querySelector('.container-textfield');
|
|
5890
|
+
const anchor = textfield ?? this._el;
|
|
5855
5891
|
const positionStrategy = this._overlay
|
|
5856
5892
|
.position()
|
|
5857
|
-
.flexibleConnectedTo(
|
|
5893
|
+
.flexibleConnectedTo(anchor)
|
|
5858
5894
|
.withFlexibleDimensions(false)
|
|
5859
5895
|
.withPush(false)
|
|
5860
5896
|
.withPositions([
|
|
@@ -5867,22 +5903,24 @@ class InputSelectFilterComponent {
|
|
|
5867
5903
|
scrollStrategy: this._overlay.scrollStrategies.reposition(),
|
|
5868
5904
|
});
|
|
5869
5905
|
this._overlayRef.attach(new TemplatePortal(this.listPanel, this._vcr));
|
|
5906
|
+
window.addEventListener('scroll', this._scrollListener, true);
|
|
5870
5907
|
}
|
|
5871
5908
|
_closePanel() {
|
|
5872
5909
|
if (this._overlayRef) {
|
|
5873
5910
|
this._overlayRef.dispose();
|
|
5874
5911
|
this._overlayRef = null;
|
|
5912
|
+
window.removeEventListener('scroll', this._scrollListener, true);
|
|
5875
5913
|
}
|
|
5876
5914
|
}
|
|
5877
5915
|
ngOnDestroy() {
|
|
5878
5916
|
this._closePanel();
|
|
5879
5917
|
}
|
|
5880
5918
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectFilterComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5881
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectFilterComponent, isStandalone: true, selector: "ius-input-select-filter", inputs: { filterData: "filterData", componentId: "componentId", disabled: "disabled", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInput: "labelInput", iconInput: "iconInput", textInput: "textInput", maxlenght: "maxlenght", inputType: "inputType" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "listPanel", first: true, predicate: ["listPanel"], descendants: true }], ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\" (click)=\"onFocus()\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input [type]=\"inputType\" [(ngModel)]=\"textInput\" readonly [placeholder]=\"labelInput\" [disabled]=\"disabled\"\r\n [maxlength]=\"maxlenght ?? null\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <ng-template #listPanel>\r\n <div class=\"container-list\">\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (data of filterData; track $index) {\r\n <button class=\"item-list\" (click)=\"selectedData(data)\">\r\n <span class=\"tx-item body-b color-pry\">{{data.title}}</span>\r\n <ius-icon-sm iconName=\"icon-arrow-forward-ios\" class=\"color-pry\"></ius-icon-sm>\r\n </button>\r\n }\r\n </div>\r\n @if(filterDataSelected){\r\n <div class=\"separator\"></div>\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (item of filterDataSelected.values; track $index) {\r\n <div class=\"item-check\" (click)=\"selectedItem(item)\">\r\n <ius-checkbox [checked]=\"item.checked\" (click)=\"$event.stopPropagation(); selectedItem(item)\"></ius-checkbox>\r\n <span class=\"tx-item body-b color-pry\">{{item.text}}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </ng-template>\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%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;cursor:pointer;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{cursor:default;background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield .icon-arrows{pointer-events:none}.container-textfield .icon-arrows svg{pointer-events:none}.icon-color{color:#595959}.icon-arrows{color:#333}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.container-list{height:176px;display:flex;gap:4px;padding:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.ctn-items{display:flex;width:300px;height:100%;flex-direction:column;overflow-y:auto;overflow-x:hidden}.item-list{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;cursor:pointer;border:none;padding:0 8px 0 16px;gap:8px;border-radius:4px;background:#fff}.item-list:active:not(:disabled){background:#c4dfff!important}.item-list:hover:not(:disabled){background:#f5f5f5}.item-check{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;border:none;cursor:pointer;padding-right:8px;gap:8px;border-radius:4px;background:#fff}.item-check:active:not(:disabled){background:#c4dfff!important}.item-check:hover:not(:disabled){background:#f5f5f5}.tx-item{flex:1 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;min-width:0;text-align:left}.body-b{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-pry{color:#333}.separator{width:.5px;background:#d9d9d9}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: CheckboxComponent, selector: "ius-checkbox", inputs: ["checked", "disabled"], outputs: ["checkedChange"] }] }); }
|
|
5919
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectFilterComponent, isStandalone: true, selector: "ius-input-select-filter", inputs: { filterData: "filterData", componentId: "componentId", disabled: "disabled", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInput: "labelInput", iconInput: "iconInput", textInput: "textInput", maxlenght: "maxlenght", inputType: "inputType" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "listPanel", first: true, predicate: ["listPanel"], descendants: true }], ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused || showList\r\n }\" (click)=\"onFocus()\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input [type]=\"inputType\" [(ngModel)]=\"textInput\" readonly [placeholder]=\"labelInput\" [disabled]=\"disabled\"\r\n [maxlength]=\"maxlenght ?? null\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <ng-template #listPanel>\r\n <div class=\"container-list\">\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (data of filterData; track $index) {\r\n <button class=\"item-list\" (click)=\"selectedData(data)\">\r\n <span class=\"tx-item body-b color-pry\">{{data.title}}</span>\r\n <ius-icon-sm iconName=\"icon-arrow-forward-ios\" class=\"color-pry\"></ius-icon-sm>\r\n </button>\r\n }\r\n </div>\r\n @if(filterDataSelected){\r\n <div class=\"separator\"></div>\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (item of filterDataSelected.values; track $index) {\r\n <div class=\"item-check\" (click)=\"selectedItem(item)\">\r\n <ius-checkbox [checked]=\"item.checked\" (click)=\"$event.stopPropagation(); selectedItem(item)\"></ius-checkbox>\r\n <span class=\"tx-item body-b color-pry\">{{item.text}}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </ng-template>\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%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;cursor:pointer;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{cursor:default;background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield .icon-arrows{pointer-events:none}.container-textfield .icon-arrows svg{pointer-events:none}.icon-color{color:#595959}.icon-arrows{color:#333}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.container-list{height:176px;display:flex;gap:4px;padding:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.ctn-items{display:flex;width:300px;height:100%;flex-direction:column;overflow-y:auto;overflow-x:hidden}.item-list{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;cursor:pointer;border:none;padding:0 8px 0 16px;gap:8px;border-radius:4px;background:#fff}.item-list:active:not(:disabled){background:#c4dfff!important}.item-list:hover:not(:disabled){background:#f5f5f5}.item-check{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;border:none;cursor:pointer;padding-right:8px;gap:8px;border-radius:4px;background:#fff}.item-check:active:not(:disabled){background:#c4dfff!important}.item-check:hover:not(:disabled){background:#f5f5f5}.tx-item{flex:1 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;min-width:0;text-align:left}.body-b{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-pry{color:#333}.separator{width:.5px;background:#d9d9d9}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: CheckboxComponent, selector: "ius-checkbox", inputs: ["checked", "disabled"], outputs: ["checkedChange"] }] }); }
|
|
5882
5920
|
}
|
|
5883
5921
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectFilterComponent, decorators: [{
|
|
5884
5922
|
type: Component,
|
|
5885
|
-
args: [{ selector: 'ius-input-select-filter', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule, IconSmComponent, CheckboxComponent], template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\" (click)=\"onFocus()\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input [type]=\"inputType\" [(ngModel)]=\"textInput\" readonly [placeholder]=\"labelInput\" [disabled]=\"disabled\"\r\n [maxlength]=\"maxlenght ?? null\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <ng-template #listPanel>\r\n <div class=\"container-list\">\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (data of filterData; track $index) {\r\n <button class=\"item-list\" (click)=\"selectedData(data)\">\r\n <span class=\"tx-item body-b color-pry\">{{data.title}}</span>\r\n <ius-icon-sm iconName=\"icon-arrow-forward-ios\" class=\"color-pry\"></ius-icon-sm>\r\n </button>\r\n }\r\n </div>\r\n @if(filterDataSelected){\r\n <div class=\"separator\"></div>\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (item of filterDataSelected.values; track $index) {\r\n <div class=\"item-check\" (click)=\"selectedItem(item)\">\r\n <ius-checkbox [checked]=\"item.checked\" (click)=\"$event.stopPropagation(); selectedItem(item)\"></ius-checkbox>\r\n <span class=\"tx-item body-b color-pry\">{{item.text}}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </ng-template>\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%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;cursor:pointer;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{cursor:default;background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield .icon-arrows{pointer-events:none}.container-textfield .icon-arrows svg{pointer-events:none}.icon-color{color:#595959}.icon-arrows{color:#333}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.container-list{height:176px;display:flex;gap:4px;padding:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.ctn-items{display:flex;width:300px;height:100%;flex-direction:column;overflow-y:auto;overflow-x:hidden}.item-list{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;cursor:pointer;border:none;padding:0 8px 0 16px;gap:8px;border-radius:4px;background:#fff}.item-list:active:not(:disabled){background:#c4dfff!important}.item-list:hover:not(:disabled){background:#f5f5f5}.item-check{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;border:none;cursor:pointer;padding-right:8px;gap:8px;border-radius:4px;background:#fff}.item-check:active:not(:disabled){background:#c4dfff!important}.item-check:hover:not(:disabled){background:#f5f5f5}.tx-item{flex:1 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;min-width:0;text-align:left}.body-b{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-pry{color:#333}.separator{width:.5px;background:#d9d9d9}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
5923
|
+
args: [{ selector: 'ius-input-select-filter', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule, IconSmComponent, CheckboxComponent], template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{\r\n 'disabled': disabled\r\n }\">\r\n <span class=\"\">{{labelSuperior}}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div class=\"container-textfield\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused || showList\r\n }\" (click)=\"onFocus()\">\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input [type]=\"inputType\" [(ngModel)]=\"textInput\" readonly [placeholder]=\"labelInput\" [disabled]=\"disabled\"\r\n [maxlength]=\"maxlenght ?? null\" (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n (drop)=\"onDropBlock($event)\" (dragover)=\"onDragOverBlock($event)\">\r\n <div class=\"cnt-icon-right\">\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <ng-template #listPanel>\r\n <div class=\"container-list\">\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (data of filterData; track $index) {\r\n <button class=\"item-list\" (click)=\"selectedData(data)\">\r\n <span class=\"tx-item body-b color-pry\">{{data.title}}</span>\r\n <ius-icon-sm iconName=\"icon-arrow-forward-ios\" class=\"color-pry\"></ius-icon-sm>\r\n </button>\r\n }\r\n </div>\r\n @if(filterDataSelected){\r\n <div class=\"separator\"></div>\r\n <div class=\"ctn-items scrollable-small\">\r\n @for (item of filterDataSelected.values; track $index) {\r\n <div class=\"item-check\" (click)=\"selectedItem(item)\">\r\n <ius-checkbox [checked]=\"item.checked\" (click)=\"$event.stopPropagation(); selectedItem(item)\"></ius-checkbox>\r\n <span class=\"tx-item body-b color-pry\">{{item.text}}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </ng-template>\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%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;cursor:pointer;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{cursor:default;background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield .icon-arrows{pointer-events:none}.container-textfield .icon-arrows svg{pointer-events:none}.icon-color{color:#595959}.icon-arrows{color:#333}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.container-list{height:176px;display:flex;gap:4px;padding:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.ctn-items{display:flex;width:300px;height:100%;flex-direction:column;overflow-y:auto;overflow-x:hidden}.item-list{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;cursor:pointer;border:none;padding:0 8px 0 16px;gap:8px;border-radius:4px;background:#fff}.item-list:active:not(:disabled){background:#c4dfff!important}.item-list:hover:not(:disabled){background:#f5f5f5}.item-check{display:flex;height:42px;min-height:42px;flex-shrink:0;align-items:center;border:none;cursor:pointer;padding-right:8px;gap:8px;border-radius:4px;background:#fff}.item-check:active:not(:disabled){background:#c4dfff!important}.item-check:hover:not(:disabled){background:#f5f5f5}.tx-item{flex:1 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;min-width:0;text-align:left}.body-b{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.color-pry{color:#333}.separator{width:.5px;background:#d9d9d9}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
5886
5924
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { filterData: [{
|
|
5887
5925
|
type: Input
|
|
5888
5926
|
}], listPanel: [{
|
|
@@ -6514,7 +6552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6514
6552
|
class ItemDocumentComponent {
|
|
6515
6553
|
constructor() {
|
|
6516
6554
|
this.fileName = '';
|
|
6517
|
-
this.fileSize = 0;
|
|
6555
|
+
this.fileSize = 0;
|
|
6518
6556
|
this.fileType = '';
|
|
6519
6557
|
this.showDelete = true;
|
|
6520
6558
|
this.deleteClicked = new EventEmitter();
|
|
@@ -6524,12 +6562,14 @@ class ItemDocumentComponent {
|
|
|
6524
6562
|
return this.fileType.includes('pdf');
|
|
6525
6563
|
}
|
|
6526
6564
|
get fileSizeLabel() {
|
|
6527
|
-
if (this.fileSize >= 1024
|
|
6528
|
-
const mb = this.fileSize /
|
|
6565
|
+
if (this.fileSize >= 1024) {
|
|
6566
|
+
const mb = this.fileSize / 1024;
|
|
6529
6567
|
return `${parseFloat(mb.toFixed(1))} MB`;
|
|
6530
6568
|
}
|
|
6531
|
-
|
|
6532
|
-
|
|
6569
|
+
if (this.fileSize >= 1) {
|
|
6570
|
+
return `${Math.round(this.fileSize)} KB`;
|
|
6571
|
+
}
|
|
6572
|
+
return `${Math.round(this.fileSize * 1024)} B`;
|
|
6533
6573
|
}
|
|
6534
6574
|
onDelete(event) {
|
|
6535
6575
|
event.stopPropagation();
|
|
@@ -6670,13 +6710,13 @@ class CardVigilanciaJudicialComponent {
|
|
|
6670
6710
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6671
6711
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardVigilanciaJudicialComponent, isStandalone: true, selector: "ius-card-vigilancia-judicial", inputs: { collapse: "collapse", priority: "priority", hasNotificacion: "hasNotificacion", hasAuto: "hasAuto", read: "read", titulo: "titulo", juzgado: "juzgado", fechaPrincipal: "fechaPrincipal", actuaciones: "actuaciones" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonNotificacion: "onClickButtonNotificacion", onClickButtonAuto: "onClickButtonAuto" }, providers: [
|
|
6672
6712
|
{ provide: LOCALE_ID, useValue: 'es' }
|
|
6673
|
-
], 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}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\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\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></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 @for (act of actuaciones; track $index) {\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\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n
|
|
6713
|
+
], 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}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\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\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></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 @for (act of actuaciones; track $index) {\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\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\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;min-height:40px;justify-content:center}.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:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.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"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
6674
6714
|
}
|
|
6675
6715
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, decorators: [{
|
|
6676
6716
|
type: Component,
|
|
6677
6717
|
args: [{ selector: 'ius-card-vigilancia-judicial', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
6678
6718
|
{ provide: LOCALE_ID, useValue: 'es' }
|
|
6679
|
-
], 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}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\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\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></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 @for (act of actuaciones; track $index) {\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\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n
|
|
6719
|
+
], 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}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\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\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></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 @for (act of actuaciones; track $index) {\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\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\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;min-height:40px;justify-content:center}.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:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.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"] }]
|
|
6680
6720
|
}], propDecorators: { collapse: [{
|
|
6681
6721
|
type: Input
|
|
6682
6722
|
}], priority: [{
|
|
@@ -7304,5 +7344,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7304
7344
|
* Generated bundle index. Do not edit.
|
|
7305
7345
|
*/
|
|
7306
7346
|
|
|
7307
|
-
export { AlertComponent, AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, 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, InfiniteScrollDirective, InputCardComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, ItemDocumentComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, NotificationsComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, SupportPanelComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
7347
|
+
export { AlertComponent, AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, 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, ChipComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InfiniteScrollDirective, InputCardComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, ItemDocumentComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, NotificationsComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, SupportPanelComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
7308
7348
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|