@litigiovirtual/ius-design-components 1.0.177 → 1.0.178
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/directives/infinite-scroll.directive.mjs +52 -0
- package/esm2022/lib/popover/popover.component.mjs +2 -2
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +53 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/directives/infinite-scroll.directive.d.ts +15 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Directive, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class InfiniteScrollDirective {
|
|
4
|
+
constructor(host) {
|
|
5
|
+
this.host = host;
|
|
6
|
+
// Cuánto antes del final disparar. '200px' = 200px antes de llegar al sentinel
|
|
7
|
+
this.rootMargin = '200px';
|
|
8
|
+
// Qué tanto debe asomarse el sentinel para disparar (0 = apenas visible)
|
|
9
|
+
this.threshold = 0.1;
|
|
10
|
+
this.scrolledToEnd = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
// 1. Crear el div centinela y ponerlo al FINAL del contenedor
|
|
14
|
+
this.sentinel = document.createElement('div');
|
|
15
|
+
this.sentinel.style.height = '1px';
|
|
16
|
+
this.host.nativeElement.appendChild(this.sentinel);
|
|
17
|
+
// 2. Crear el observer
|
|
18
|
+
this.observer = new IntersectionObserver((entries) => {
|
|
19
|
+
const entry = entries[0];
|
|
20
|
+
// 3. ¿El sentinel entró al área virtual de detección?
|
|
21
|
+
if (entry.isIntersecting) {
|
|
22
|
+
this.scrolledToEnd.emit(); // ← lanza el evento al componente
|
|
23
|
+
}
|
|
24
|
+
}, {
|
|
25
|
+
root: this.host.nativeElement, // ← observa dentro del CONTENEDOR, no del viewport
|
|
26
|
+
rootMargin: this.rootMargin, // ← cuánto antes disparar
|
|
27
|
+
threshold: this.threshold,
|
|
28
|
+
});
|
|
29
|
+
// 4. Empezar a observar el sentinel
|
|
30
|
+
this.observer.observe(this.sentinel);
|
|
31
|
+
}
|
|
32
|
+
ngOnDestroy() {
|
|
33
|
+
this.observer?.disconnect();
|
|
34
|
+
this.sentinel?.remove();
|
|
35
|
+
}
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
37
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: InfiniteScrollDirective, isStandalone: true, selector: "[iusInfiniteScroll]", inputs: { rootMargin: "rootMargin", threshold: "threshold" }, outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0 }); }
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
|
|
40
|
+
type: Directive,
|
|
41
|
+
args: [{
|
|
42
|
+
selector: '[iusInfiniteScroll]',
|
|
43
|
+
standalone: true,
|
|
44
|
+
}]
|
|
45
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rootMargin: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], threshold: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], scrolledToEnd: [{
|
|
50
|
+
type: Output
|
|
51
|
+
}] } });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5maW5pdGUtc2Nyb2xsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2RpcmVjdGl2ZXMvaW5maW5pdGUtc2Nyb2xsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDOztBQU12QixNQUFNLE9BQU8sdUJBQXVCO0lBYWxDLFlBQW9CLElBQTZCO1FBQTdCLFNBQUksR0FBSixJQUFJLENBQXlCO1FBWGpELCtFQUErRTtRQUN0RSxlQUFVLEdBQVcsT0FBTyxDQUFDO1FBRXRDLHlFQUF5RTtRQUNoRSxjQUFTLEdBQVcsR0FBRyxDQUFDO1FBRXZCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUtDLENBQUM7SUFFckQsUUFBUTtRQUNOLDhEQUE4RDtRQUM5RCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRW5ELHVCQUF1QjtRQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksb0JBQW9CLENBQ3RDLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDVixNQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDekIsc0RBQXNEO1lBQ3RELElBQUksS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN6QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsa0NBQWtDO1lBQy9ELENBQUM7UUFDSCxDQUFDLEVBQ0Q7WUFDRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsbURBQW1EO1lBQ2xGLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFJLDBCQUEwQjtZQUN6RCxTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDMUIsQ0FDRixDQUFDO1FBRUYsb0NBQW9DO1FBQ3BDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQTVDVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qjs7NEZBQXZCLHVCQUF1QjtrQkFKbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7K0VBSVUsVUFBVTtzQkFBbEIsS0FBSztnQkFHRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIERpcmVjdGl2ZSxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gIHNlbGVjdG9yOiAnW2l1c0luZmluaXRlU2Nyb2xsXScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEluZmluaXRlU2Nyb2xsRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICAvLyBDdcOhbnRvIGFudGVzIGRlbCBmaW5hbCBkaXNwYXJhci4gJzIwMHB4JyA9IDIwMHB4IGFudGVzIGRlIGxsZWdhciBhbCBzZW50aW5lbFxyXG4gIEBJbnB1dCgpIHJvb3RNYXJnaW46IHN0cmluZyA9ICcyMDBweCc7XHJcblxyXG4gIC8vIFF1w6kgdGFudG8gZGViZSBhc29tYXJzZSBlbCBzZW50aW5lbCBwYXJhIGRpc3BhcmFyICgwID0gYXBlbmFzIHZpc2libGUpXHJcbiAgQElucHV0KCkgdGhyZXNob2xkOiBudW1iZXIgPSAwLjE7XHJcblxyXG4gIEBPdXRwdXQoKSBzY3JvbGxlZFRvRW5kID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBwcml2YXRlIG9ic2VydmVyITogSW50ZXJzZWN0aW9uT2JzZXJ2ZXI7XHJcbiAgcHJpdmF0ZSBzZW50aW5lbCE6IEhUTUxFbGVtZW50O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGhvc3Q6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIC8vIDEuIENyZWFyIGVsIGRpdiBjZW50aW5lbGEgeSBwb25lcmxvIGFsIEZJTkFMIGRlbCBjb250ZW5lZG9yXHJcbiAgICB0aGlzLnNlbnRpbmVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XHJcbiAgICB0aGlzLnNlbnRpbmVsLnN0eWxlLmhlaWdodCA9ICcxcHgnO1xyXG4gICAgdGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQuYXBwZW5kQ2hpbGQodGhpcy5zZW50aW5lbCk7XHJcblxyXG4gICAgLy8gMi4gQ3JlYXIgZWwgb2JzZXJ2ZXJcclxuICAgIHRoaXMub2JzZXJ2ZXIgPSBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoXHJcbiAgICAgIChlbnRyaWVzKSA9PiB7XHJcbiAgICAgICAgY29uc3QgZW50cnkgPSBlbnRyaWVzWzBdO1xyXG4gICAgICAgIC8vIDMuIMK/RWwgc2VudGluZWwgZW50csOzIGFsIMOhcmVhIHZpcnR1YWwgZGUgZGV0ZWNjacOzbj9cclxuICAgICAgICBpZiAoZW50cnkuaXNJbnRlcnNlY3RpbmcpIHtcclxuICAgICAgICAgIHRoaXMuc2Nyb2xsZWRUb0VuZC5lbWl0KCk7IC8vIOKGkCBsYW56YSBlbCBldmVudG8gYWwgY29tcG9uZW50ZVxyXG4gICAgICAgIH1cclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIHJvb3Q6IHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LCAvLyDihpAgb2JzZXJ2YSBkZW50cm8gZGVsIENPTlRFTkVET1IsIG5vIGRlbCB2aWV3cG9ydFxyXG4gICAgICAgIHJvb3RNYXJnaW46IHRoaXMucm9vdE1hcmdpbiwgICAvLyDihpAgY3XDoW50byBhbnRlcyBkaXNwYXJhclxyXG4gICAgICAgIHRocmVzaG9sZDogdGhpcy50aHJlc2hvbGQsXHJcbiAgICAgIH1cclxuICAgICk7XHJcblxyXG4gICAgLy8gNC4gRW1wZXphciBhIG9ic2VydmFyIGVsIHNlbnRpbmVsXHJcbiAgICB0aGlzLm9ic2VydmVyLm9ic2VydmUodGhpcy5zZW50aW5lbCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMub2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcclxuICAgIHRoaXMuc2VudGluZWw/LnJlbW92ZSgpO1xyXG4gIH1cclxufSJdfQ==
|
|
@@ -9,11 +9,11 @@ export class PopoverComponent {
|
|
|
9
9
|
}
|
|
10
10
|
get hostClass() { return this.positionClass; }
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { label: "label", content: "content", positionClass: "positionClass" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { label: "label", content: "content", positionClass: "positionClass" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'ius-popover', standalone: true, imports: [], template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:
|
|
16
|
+
args: [{ selector: 'ius-popover', standalone: true, imports: [], template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }]
|
|
17
17
|
}], propDecorators: { label: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], content: [{
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -90,4 +90,5 @@ export * from './lib/alert';
|
|
|
90
90
|
export * from './lib/input-card';
|
|
91
91
|
//Directivas
|
|
92
92
|
export * from './lib/directives/popover.directive';
|
|
93
|
-
|
|
93
|
+
export * from './lib/directives/infinite-scroll.directive';
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsa0JBQWtCLENBQUM7QUFFakMsWUFBWTtBQUNaLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC1wcmltYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeS1zbWFsbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zcXVhcmVkLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWNpcmNsZS1zZWNvbmRhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tZHluYW1pYyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1jaXJjbGUtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tYWNjb3VudHMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1jaGlsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lbnUtaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RvdWJsZS1kYXRlLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS1ob3VyLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25hdi1yYWlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VhcmNoLWJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXRleHRmaWVsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0LW51bWJlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL29wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tdXNlci1tZW51JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tb3B0aW9uLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXhzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1zbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbWQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLWxnJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14bCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teHhsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWRpdmlkZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saW5lYXItcHJvZ3Jlc3MtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbG9hZGluZy1jaXJjbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcmF3ZXItY29udGFpbmVyLXJpZ2h0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2xpZGUtdG9nZ2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LW1vdmltaWVudG9zJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1keW5hbWljLWNvbnRlbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXItaWNvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhdGVnb3JpZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jdXN0b20tZHJvcGRvd24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwLXVzZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhci11c2VyLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tYXV0aCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXBhc3N3b3JkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtb3RwJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc25hY2tiYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGFydHMtZG9udXQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGFydHMtYmFyLWdyb3VwZWQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9icmVhZGNydW1iJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdXNlci1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLXVzZXItY2FyZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS1jaGlwJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWNhcmQtY29udGFkb3InO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1jb250ZXh0dWFsLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWdtZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbm90aWZpY2F0aW9uLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtY29uc3Vtbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gtcmFkaW8nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tb3JkZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tZmlsdGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0LWZpbHRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1wcm9jZXNvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1ibG9jayc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYnV0dG9uLWNoZWNrYm94JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3B0aW9uLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9maWx0ZXItaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtcGxhbi1zdWJzY3JpcHRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXBsYW4tc21hbGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXVzby1wbGFuJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1nZXN0aW9uLWN1cG8nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWluZm8tZmFjdHVyYWNpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1sYXJnZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbG9nJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC10aXBvLXByb2Nlc28nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtZHJhZy1vbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtY29sbGFwc2UtZGV0YWxsZS1wcm9jZXNvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC10aWNrZXQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXZpZ2lsYW5jaWEtanVkaWNpYWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tbWVudS1saW5rJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1hZ2VuZGEtanVkaWNpYWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWFjdGl2aWRhZC1ldmVudG8nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWV0YXBhLXN1YmV0YXBhJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1pbXB1bHNvLXByb2Nlc2FsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FsaWZpY2F0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWxlcnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1jYXJkJztcclxuXHJcbi8vRGlyZWN0aXZhc1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL3BvcG92ZXIuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9pbmZpbml0ZS1zY3JvbGwuZGlyZWN0aXZlJzsiXX0=
|
|
@@ -3443,11 +3443,11 @@ class PopoverComponent {
|
|
|
3443
3443
|
}
|
|
3444
3444
|
get hostClass() { return this.positionClass; }
|
|
3445
3445
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3446
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { label: "label", content: "content", positionClass: "positionClass" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:
|
|
3446
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PopoverComponent, isStandalone: true, selector: "ius-popover", inputs: { label: "label", content: "content", positionClass: "positionClass" }, host: { properties: { "class": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }); }
|
|
3447
3447
|
}
|
|
3448
3448
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
3449
3449
|
type: Component,
|
|
3450
|
-
args: [{ selector: 'ius-popover', standalone: true, imports: [], template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:
|
|
3450
|
+
args: [{ selector: 'ius-popover', standalone: true, imports: [], template: "<div class=\"popover-bubble\">\r\n @if(label){\r\n <span class=\"caption-sm\">{{ label }}</span>\r\n }\r\n @if(content){\r\n <span class=\"body-sm\">{{ content }}</span>\r\n }\r\n</div>", styles: ["@charset \"UTF-8\";.h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block;width:max-content;max-width:150px;z-index:1000;position:relative}.popover-bubble{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.popover-bubble:before{content:\"\";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.popover-bubble .caption-sm,.popover-bubble .body-sm{display:block;white-space:normal;overflow-wrap:anywhere;word-wrap:break-word}:host(.tail-left) .popover-bubble:before{left:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #ffffff}:host(.tail-right) .popover-bubble:before{right:-8px;top:calc(50% - 8px);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #ffffff}:host(.tail-bottom) .popover-bubble:before{left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}:host(.tail-top) .popover-bubble:before{left:calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}\n"] }]
|
|
3451
3451
|
}], propDecorators: { label: [{
|
|
3452
3452
|
type: Input
|
|
3453
3453
|
}], content: [{
|
|
@@ -6882,9 +6882,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6882
6882
|
type: Output
|
|
6883
6883
|
}] } });
|
|
6884
6884
|
|
|
6885
|
+
class InfiniteScrollDirective {
|
|
6886
|
+
constructor(host) {
|
|
6887
|
+
this.host = host;
|
|
6888
|
+
// Cuánto antes del final disparar. '200px' = 200px antes de llegar al sentinel
|
|
6889
|
+
this.rootMargin = '200px';
|
|
6890
|
+
// Qué tanto debe asomarse el sentinel para disparar (0 = apenas visible)
|
|
6891
|
+
this.threshold = 0.1;
|
|
6892
|
+
this.scrolledToEnd = new EventEmitter();
|
|
6893
|
+
}
|
|
6894
|
+
ngOnInit() {
|
|
6895
|
+
// 1. Crear el div centinela y ponerlo al FINAL del contenedor
|
|
6896
|
+
this.sentinel = document.createElement('div');
|
|
6897
|
+
this.sentinel.style.height = '1px';
|
|
6898
|
+
this.host.nativeElement.appendChild(this.sentinel);
|
|
6899
|
+
// 2. Crear el observer
|
|
6900
|
+
this.observer = new IntersectionObserver((entries) => {
|
|
6901
|
+
const entry = entries[0];
|
|
6902
|
+
// 3. ¿El sentinel entró al área virtual de detección?
|
|
6903
|
+
if (entry.isIntersecting) {
|
|
6904
|
+
this.scrolledToEnd.emit(); // ← lanza el evento al componente
|
|
6905
|
+
}
|
|
6906
|
+
}, {
|
|
6907
|
+
root: this.host.nativeElement, // ← observa dentro del CONTENEDOR, no del viewport
|
|
6908
|
+
rootMargin: this.rootMargin, // ← cuánto antes disparar
|
|
6909
|
+
threshold: this.threshold,
|
|
6910
|
+
});
|
|
6911
|
+
// 4. Empezar a observar el sentinel
|
|
6912
|
+
this.observer.observe(this.sentinel);
|
|
6913
|
+
}
|
|
6914
|
+
ngOnDestroy() {
|
|
6915
|
+
this.observer?.disconnect();
|
|
6916
|
+
this.sentinel?.remove();
|
|
6917
|
+
}
|
|
6918
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6919
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: InfiniteScrollDirective, isStandalone: true, selector: "[iusInfiniteScroll]", inputs: { rootMargin: "rootMargin", threshold: "threshold" }, outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0 }); }
|
|
6920
|
+
}
|
|
6921
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
|
|
6922
|
+
type: Directive,
|
|
6923
|
+
args: [{
|
|
6924
|
+
selector: '[iusInfiniteScroll]',
|
|
6925
|
+
standalone: true,
|
|
6926
|
+
}]
|
|
6927
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rootMargin: [{
|
|
6928
|
+
type: Input
|
|
6929
|
+
}], threshold: [{
|
|
6930
|
+
type: Input
|
|
6931
|
+
}], scrolledToEnd: [{
|
|
6932
|
+
type: Output
|
|
6933
|
+
}] } });
|
|
6934
|
+
|
|
6885
6935
|
/**
|
|
6886
6936
|
* Generated bundle index. Do not edit.
|
|
6887
6937
|
*/
|
|
6888
6938
|
|
|
6889
|
-
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, InputCardComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
6939
|
+
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, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
6890
6940
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|