@litigiovirtual/ius-design-components 1.0.180 → 1.0.182
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.
|
@@ -11,28 +11,22 @@ export class NavRailComponent {
|
|
|
11
11
|
this.isOpen = !this.isOpen;
|
|
12
12
|
}
|
|
13
13
|
onAnimDone(event) {
|
|
14
|
-
if (event.toState === '
|
|
14
|
+
if (event.toState === 'closed') {
|
|
15
15
|
this.onClose.emit();
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavRailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NavRailComponent, isStandalone: true, selector: "ius-nav-rail", inputs: { isOpen: "isOpen" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"rail-container\" [class.collapsed]=\"!isOpen\" [@slideInOut]=\"isOpen ? 'open' : 'closed'\" (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary\r\n class=\"panel\"\r\n [iconName]=\"isOpen ? 'icon-left-panel-close' : 'icon-left-panel-open'\"\r\n (click)=\"toggle()\">\r\n </ius-button-squared-secondary>\r\n </div>\r\n <div class=\"rail-items-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: [".container-general{position:relative;height:100%}.panel{display:flex;align-items:center;gap:10px}.rail-container{display:inline-flex;height:calc(100% - 32px);width:239px;padding:16px 8px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-right:1px solid #eaeaea;background-color:#fafafa;overflow:hidden}.rail-icon-container{display:flex;align-items:center;gap:10px;align-self:stretch}.rail-items-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;opacity:1;transition:opacity .2s ease}.collapsed .rail-items-container{opacity:0;pointer-events:none}.toggle-btn{border:none;background:none;cursor:pointer;padding:8px;align-self:flex-end}\n"], dependencies: [{ kind: "component", type: ButtonSquaredSecondaryComponent, selector: "ius-button-squared-secondary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }], animations: [
|
|
20
20
|
trigger('slideInOut', [
|
|
21
|
-
state('
|
|
22
|
-
width: '
|
|
23
|
-
opacity: 0,
|
|
24
|
-
overflow: 'hidden'
|
|
21
|
+
state('open', style({
|
|
22
|
+
width: '239px',
|
|
25
23
|
})),
|
|
26
|
-
state('
|
|
27
|
-
width: '
|
|
28
|
-
opacity: 1
|
|
24
|
+
state('closed', style({
|
|
25
|
+
width: '40px',
|
|
29
26
|
})),
|
|
30
|
-
transition('
|
|
31
|
-
animate('370ms ease-in')
|
|
27
|
+
transition('open <=> closed', [
|
|
28
|
+
animate('370ms ease-in-out')
|
|
32
29
|
]),
|
|
33
|
-
transition('* => void', [
|
|
34
|
-
animate('370ms ease-out')
|
|
35
|
-
])
|
|
36
30
|
])
|
|
37
31
|
] }); }
|
|
38
32
|
}
|
|
@@ -40,26 +34,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
40
34
|
type: Component,
|
|
41
35
|
args: [{ selector: 'ius-nav-rail', standalone: true, imports: [ButtonSquaredSecondaryComponent], animations: [
|
|
42
36
|
trigger('slideInOut', [
|
|
43
|
-
state('
|
|
44
|
-
width: '
|
|
45
|
-
opacity: 0,
|
|
46
|
-
overflow: 'hidden'
|
|
37
|
+
state('open', style({
|
|
38
|
+
width: '239px',
|
|
47
39
|
})),
|
|
48
|
-
state('
|
|
49
|
-
width: '
|
|
50
|
-
opacity: 1
|
|
40
|
+
state('closed', style({
|
|
41
|
+
width: '40px',
|
|
51
42
|
})),
|
|
52
|
-
transition('
|
|
53
|
-
animate('370ms ease-in')
|
|
43
|
+
transition('open <=> closed', [
|
|
44
|
+
animate('370ms ease-in-out')
|
|
54
45
|
]),
|
|
55
|
-
transition('* => void', [
|
|
56
|
-
animate('370ms ease-out')
|
|
57
|
-
])
|
|
58
46
|
])
|
|
59
|
-
], template: "<div class=\"container-general\">\r\n
|
|
47
|
+
], template: "<div class=\"container-general\">\r\n <div class=\"rail-container\" [class.collapsed]=\"!isOpen\" [@slideInOut]=\"isOpen ? 'open' : 'closed'\" (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary\r\n class=\"panel\"\r\n [iconName]=\"isOpen ? 'icon-left-panel-close' : 'icon-left-panel-open'\"\r\n (click)=\"toggle()\">\r\n </ius-button-squared-secondary>\r\n </div>\r\n <div class=\"rail-items-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: [".container-general{position:relative;height:100%}.panel{display:flex;align-items:center;gap:10px}.rail-container{display:inline-flex;height:calc(100% - 32px);width:239px;padding:16px 8px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-right:1px solid #eaeaea;background-color:#fafafa;overflow:hidden}.rail-icon-container{display:flex;align-items:center;gap:10px;align-self:stretch}.rail-items-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;opacity:1;transition:opacity .2s ease}.collapsed .rail-items-container{opacity:0;pointer-events:none}.toggle-btn{border:none;background:none;cursor:pointer;padding:8px;align-self:flex-end}\n"] }]
|
|
60
48
|
}], propDecorators: { isOpen: [{
|
|
61
49
|
type: Input
|
|
62
50
|
}], onClose: [{
|
|
63
51
|
type: Output
|
|
64
52
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LXJhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbmF2LXJhaWwvbmF2LXJhaWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbmF2LXJhaWwvbmF2LXJhaWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssR0FBRyxNQUFNLHFCQUFxQixDQUFDO0FBQ2xGLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGdFQUFnRSxDQUFDOztBQXNCakgsTUFBTSxPQUFPLGdCQUFnQjtJQXBCN0I7UUFzQlcsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN2QixZQUFPLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7S0FXN0Q7SUFUQyxNQUFNO1FBQ0osSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDOytHQWJVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHVJQ3hCN0Isd2tCQWFNLG12QkROTSwrQkFBK0IseUhBQzdCO1lBQ1YsT0FBTyxDQUFDLFlBQVksRUFBRTtnQkFDcEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7b0JBQ2xCLEtBQUssRUFBRSxPQUFPO2lCQUNmLENBQUMsQ0FBQztnQkFDSCxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQztvQkFDcEIsS0FBSyxFQUFFLE1BQU07aUJBQ2QsQ0FBQyxDQUFDO2dCQUNILFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtvQkFDNUIsT0FBTyxDQUFDLG1CQUFtQixDQUFDO2lCQUM3QixDQUFDO2FBQ0gsQ0FBQztTQUNIOzs0RkFJVSxnQkFBZ0I7a0JBcEI1QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQywrQkFBK0IsQ0FBQyxjQUM5Qjt3QkFDVixPQUFPLENBQUMsWUFBWSxFQUFFOzRCQUNwQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDbEIsS0FBSyxFQUFFLE9BQU87NkJBQ2YsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dDQUNwQixLQUFLLEVBQUUsTUFBTTs2QkFDZCxDQUFDLENBQUM7NEJBQ0gsVUFBVSxDQUFDLGlCQUFpQixFQUFFO2dDQUM1QixPQUFPLENBQUMsbUJBQW1CLENBQUM7NkJBQzdCLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs4QkFNUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IHRyaWdnZXIsIHRyYW5zaXRpb24sIHN0eWxlLCBhbmltYXRlLCBzdGF0ZSwgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQnV0dG9uU3F1YXJlZFNlY29uZGFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC1zZWNvbmRhcnkvYnV0dG9uLXNxdWFyZWQtc2Vjb25kYXJ5LmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtbmF2LXJhaWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0J1dHRvblNxdWFyZWRTZWNvbmRhcnlDb21wb25lbnRdLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xyXG4gICAgICAgIHdpZHRoOiAnMjM5cHgnLFxyXG4gICAgICB9KSksXHJcbiAgICAgIHN0YXRlKCdjbG9zZWQnLCBzdHlsZSh7XHJcbiAgICAgICAgd2lkdGg6ICc0MHB4JyxcclxuICAgICAgfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdvcGVuIDw9PiBjbG9zZWQnLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgnMzcwbXMgZWFzZS1pbi1vdXQnKVxyXG4gICAgICBdKSxcclxuICAgIF0pXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LXJhaWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9uYXYtcmFpbC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE5hdlJhaWxDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBpc09wZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgb25DbG9zZSA6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgdG9nZ2xlKCkge1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgfVxyXG5cclxuICBvbkFuaW1Eb25lKGV2ZW50OiBhbnkpIHtcclxuICAgIGlmIChldmVudC50b1N0YXRlID09PSAnY2xvc2VkJykge1xyXG4gICAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWdlbmVyYWxcIj5cclxuICA8ZGl2IGNsYXNzPVwicmFpbC1jb250YWluZXJcIiBbY2xhc3MuY29sbGFwc2VkXT1cIiFpc09wZW5cIiBbQHNsaWRlSW5PdXRdPVwiaXNPcGVuID8gJ29wZW4nIDogJ2Nsb3NlZCdcIiAoQHNsaWRlSW5PdXQuZG9uZSk9XCJvbkFuaW1Eb25lKCRldmVudClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYWlsLWljb24tY29udGFpbmVyXCI+XHJcbiAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtc2Vjb25kYXJ5XHJcbiAgICAgICAgY2xhc3M9XCJwYW5lbFwiXHJcbiAgICAgICAgW2ljb25OYW1lXT1cImlzT3BlbiA/ICdpY29uLWxlZnQtcGFuZWwtY2xvc2UnIDogJ2ljb24tbGVmdC1wYW5lbC1vcGVuJ1wiXHJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZSgpXCI+XHJcbiAgICAgIDwvaXVzLWJ1dHRvbi1zcXVhcmVkLXNlY29uZGFyeT5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInJhaWwtaXRlbXMtY29udGFpbmVyXCI+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1127,6 +1127,9 @@ const ICONS = {
|
|
|
1127
1127
|
</svg>`,
|
|
1128
1128
|
'icon-address': `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1129
1129
|
<path d="M7.99983 14.9416C6.6706 14.9416 5.58594 14.731 4.74583 14.3098C3.90572 13.8886 3.48566 13.3449 3.48566 12.6786C3.48566 12.372 3.58283 12.0869 3.77716 11.8233C3.97149 11.5596 4.24366 11.3298 4.59366 11.1339L5.75133 12.2688C5.62999 12.3159 5.49972 12.3719 5.36049 12.4368C5.22127 12.5015 5.10899 12.5795 5.02366 12.6706C5.18755 12.8717 5.5656 13.0477 6.15783 13.1986C6.75005 13.3495 7.36566 13.4249 8.00466 13.4249C8.64355 13.4249 9.26055 13.3495 9.85566 13.1986C10.4508 13.0477 10.8298 12.8717 10.9927 12.6706C10.8962 12.5684 10.7749 12.4849 10.6288 12.4201C10.4827 12.3552 10.3448 12.2992 10.215 12.2521L11.36 11.1006C11.7322 11.3049 12.0176 11.5403 12.2162 11.8066C12.4147 12.0729 12.514 12.3633 12.514 12.6778C12.514 13.3443 12.0939 13.8883 11.2538 14.3096C10.4136 14.7309 9.32894 14.9416 7.99983 14.9416ZM8.02449 10.9123C9.10583 10.1197 9.92033 9.32042 10.468 8.51442C11.0155 7.70842 11.2893 6.89692 11.2893 6.07992C11.2893 4.96903 10.9334 4.13037 10.2215 3.56392C9.5096 2.99759 8.77038 2.71442 8.00383 2.71442C7.23405 2.71442 6.49333 2.99759 5.78166 3.56392C5.0701 4.13037 4.71433 4.96903 4.71433 6.07992C4.71433 6.81114 4.98255 7.57353 5.51899 8.36709C6.05544 9.16075 6.8906 10.0091 8.02449 10.9123ZM8.00383 12.8021C6.3916 11.6192 5.18822 10.4704 4.39366 9.35575C3.59899 8.24109 3.20166 7.14914 3.20166 6.07992C3.20166 5.27514 3.34744 4.56792 3.63899 3.95825C3.93055 3.34859 4.30499 2.83864 4.76233 2.42842C5.21966 2.0182 5.73416 1.71053 6.30583 1.50542C6.87738 1.30031 7.4431 1.19775 8.00299 1.19775C8.56288 1.19775 9.12849 1.30031 9.69983 1.50542C10.2712 1.71053 10.7853 2.0182 11.2423 2.42842C11.6993 2.83864 12.0735 3.34859 12.365 3.95825C12.6563 4.56792 12.802 5.27514 12.802 6.07992C12.802 7.14914 12.405 8.24109 11.611 9.35575C10.817 10.4704 9.6146 11.6192 8.00383 12.8021ZM8.00233 7.34925C8.38066 7.34925 8.70433 7.21514 8.97333 6.94692C9.24244 6.67881 9.37699 6.35648 9.37699 5.97992C9.37699 5.60003 9.24255 5.2762 8.97366 5.00842C8.70477 4.74064 8.38149 4.60675 8.00383 4.60675C7.62505 4.60675 7.30083 4.74064 7.03116 5.00842C6.76149 5.2762 6.62666 5.59937 6.62666 5.97792C6.62666 6.35659 6.76133 6.67981 7.03066 6.94759C7.3001 7.21537 7.62399 7.34925 8.00233 7.34925Z" fill="currentColor"/>
|
|
1130
|
+
</svg>`,
|
|
1131
|
+
'icon-sort-by-alpha': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
|
|
1132
|
+
<path d="M3.33746 9.9375L3.01279 10.9835C2.95724 11.1613 2.86002 11.3023 2.72113 11.4065C2.58224 11.5107 2.41835 11.5628 2.22946 11.5628C1.92679 11.5628 1.69002 11.4427 1.51913 11.2025C1.34824 10.9623 1.3128 10.6977 1.4128 10.4088L3.35813 5.01684C3.42479 4.83906 3.53524 4.69806 3.68946 4.59384C3.84368 4.48962 4.01524 4.4375 4.20413 4.4375H4.85413C5.04302 4.4375 5.21246 4.48962 5.36246 4.59384C5.51246 4.69806 5.62079 4.83906 5.68746 5.01684L7.6668 10.4468C7.76946 10.7188 7.73891 10.9728 7.57513 11.2088C7.41135 11.4448 7.18235 11.5628 6.88813 11.5628C6.70768 11.5628 6.54113 11.5101 6.38846 11.4045C6.23591 11.2989 6.13185 11.1602 6.0763 10.9882L5.71346 9.9375H3.33746ZM3.84146 8.4255H5.14679L4.58813 6.31717H4.45879L3.84146 8.4255ZM11.0186 9.98817H13.5381C13.7604 9.98817 13.9478 10.0638 14.1005 10.2152C14.2531 10.3665 14.3295 10.5533 14.3295 10.7755C14.3295 10.9977 14.2531 11.1845 14.1005 11.3358C13.9478 11.4872 13.7604 11.5628 13.5381 11.5628H9.56746C9.41457 11.5628 9.28668 11.5114 9.1838 11.4085C9.08091 11.3056 9.02946 11.1777 9.02946 11.0248V10.2613C9.02946 10.1476 9.04891 10.0402 9.0878 9.93917C9.12668 9.83806 9.1808 9.74173 9.25013 9.65017L12.3443 6.01217H9.95013C9.72791 6.01217 9.54113 5.9365 9.38979 5.78517C9.23846 5.63384 9.16279 5.44706 9.16279 5.22484C9.16279 5.00262 9.23846 4.81584 9.38979 4.6645C9.54113 4.51317 9.72791 4.4375 9.95013 4.4375H13.7748C13.925 4.4375 14.0495 4.48617 14.1481 4.5835C14.2468 4.68084 14.2961 4.80595 14.2961 4.95884V5.743C14.2961 5.85667 14.2767 5.96339 14.2378 6.06317C14.1989 6.16295 14.1435 6.25862 14.0715 6.35017L11.0186 9.98817ZM6.32546 3.36534C6.22013 3.36534 6.14946 3.31545 6.11346 3.21567C6.07757 3.116 6.09557 3.03017 6.16746 2.95817L7.69296 1.43284C7.78441 1.33862 7.89591 1.2915 8.02746 1.2915C8.15902 1.2915 8.27191 1.33862 8.36613 1.43284L9.89146 2.95817C9.96346 3.03017 9.98079 3.116 9.94346 3.21567C9.90613 3.31545 9.8348 3.36534 9.72946 3.36534H6.32546ZM7.69296 14.5675L6.16746 13.0422C6.09557 12.9702 6.07757 12.8843 6.11346 12.7847C6.14946 12.6849 6.22013 12.635 6.32546 12.635H9.72946C9.8348 12.635 9.90613 12.6849 9.94346 12.7847C9.98079 12.8843 9.96346 12.9702 9.89146 13.0422L8.36613 14.5675C8.27191 14.6617 8.15902 14.7088 8.02746 14.7088C7.89591 14.7088 7.78441 14.6617 7.69296 14.5675Z" fill="currentColor"/>
|
|
1130
1133
|
</svg>`,
|
|
1131
1134
|
'icon-proteccion-web': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" fill="none">
|
|
1132
1135
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.39 39.9391V63.6121C47.39 68.1541 50.051 72.3571 53.708 75.8841C58.866 80.8581 65.949 84.5041 69.156 86.0051C69.161 86.0081 69.167 86.0101 69.172 86.0121C70.617 86.6691 72.275 86.6691 73.72 86.0121C73.725 86.0091 73.73 86.0071 73.735 86.0051C76.943 84.5041 84.025 80.8581 89.183 75.8841C92.84 72.3571 95.5 68.1541 95.5 63.6121C95.5 63.6121 95.5 48.1681 95.47 39.9341C95.47 38.3941 94.671 36.9571 93.357 36.1421C92.049 35.3301 90.414 35.2491 89.032 35.9271C83.939 38.2881 77.906 39.6501 71.445 39.6501C64.985 39.6501 58.954 38.2881 53.869 35.8991C52.478 35.2181 50.834 35.3001 49.518 36.1171C48.195 36.9381 47.391 38.3831 47.39 39.9391ZM50.39 39.9401C50.391 39.4221 50.659 38.9401 51.1 38.6661C51.54 38.3931 52.091 38.3661 52.556 38.5961C52.565 38.6011 52.574 38.6051 52.583 38.6101C58.04 41.1761 64.511 42.6501 71.445 42.6501C78.376 42.6501 84.845 41.1771 90.314 38.6391C90.325 38.6341 90.336 38.6281 90.348 38.6231C90.803 38.3971 91.343 38.4231 91.775 38.6911C92.207 38.9591 92.47 39.4311 92.47 39.9401V39.9451C92.5 48.1761 92.5 63.6121 92.5 63.6121C92.5 67.3841 90.137 70.7951 87.1 73.7241C82.223 78.4291 75.514 81.8591 72.473 83.2831C71.82 83.5781 71.071 83.5781 70.418 83.2831C67.377 81.8591 60.668 78.4291 55.791 73.7241C52.753 70.7951 50.39 67.3841 50.39 63.6121V39.9401ZM67.362 55.8001H61.843C60.76 55.8001 59.8 56.4981 59.465 57.5281C59.131 58.5581 59.497 59.6861 60.374 60.3231L64.839 63.5671L63.133 68.8161C62.798 69.8461 63.165 70.9741 64.041 71.6111C64.918 72.2471 66.104 72.2471 66.98 71.6111L71.445 68.3671L75.91 71.6111C76.786 72.2471 77.973 72.2471 78.849 71.6111C79.725 70.9741 80.092 69.8461 79.757 68.8161L78.052 63.5671L82.517 60.3231C83.393 59.6861 83.76 58.5581 83.425 57.5281C83.09 56.4981 82.13 55.8001 81.047 55.8001H75.528L73.823 50.5511C73.488 49.5211 72.528 48.8241 71.445 48.8241C70.362 48.8241 69.402 49.5211 69.068 50.5511L67.362 55.8001ZM76.695 20.0001H8C7.172 20.0001 6.5 20.6721 6.5 21.5001C6.5 22.3281 7.172 23.0001 8 23.0001H76.695V34.6601C76.695 35.4881 77.367 36.1601 78.195 36.1601C79.023 36.1601 79.695 35.4881 79.695 34.6601V13.9951C79.695 12.8021 79.221 11.6571 78.377 10.8141C77.533 9.97012 76.388 9.49512 75.195 9.49512C62.998 9.49512 17.197 9.49512 5 9.49512C3.807 9.49512 2.662 9.97012 1.818 10.8141C0.974 11.6571 0.5 12.8021 0.5 13.9951V66.4581C0.5 67.6521 0.974 68.7971 1.818 69.6401C2.662 70.4841 3.807 70.9581 5 70.9581H43.511C44.338 70.9581 45.011 70.2861 45.011 69.4581C45.011 68.6311 44.338 67.9581 43.511 67.9581H5C4.602 67.9581 4.221 67.8001 3.939 67.5191C3.658 67.2381 3.5 66.8561 3.5 66.4581V13.9951C3.5 13.5981 3.658 13.2161 3.939 12.9351C4.221 12.6541 4.602 12.4951 5 12.4951H75.195C75.593 12.4951 75.974 12.6541 76.256 12.9351C76.537 13.2161 76.695 13.5981 76.695 13.9951V20.0001ZM71.445 52.9421L72.787 57.0731C73.122 58.1031 74.082 58.8001 75.165 58.8001H79.508L75.995 61.3531C75.118 61.9901 74.752 63.1181 75.086 64.1481L76.429 68.2791L72.915 65.7261C72.038 65.0891 70.852 65.0891 69.976 65.7261L66.462 68.2791L67.804 64.1481C68.139 63.1181 67.772 61.9901 66.896 61.3531L63.382 58.8001H67.725C68.808 58.8001 69.768 58.1031 70.103 57.0731L71.445 52.9421ZM28.42 58.4411H25.753C24.925 58.4411 24.253 59.1141 24.253 59.9411C24.253 60.7691 24.925 61.4411 25.753 61.4411H28.42C29.248 61.4411 29.92 60.7691 29.92 59.9411C29.92 59.1141 29.248 58.4411 28.42 58.4411ZM11.114 58.4411H8.448C7.62 58.4411 6.948 59.1141 6.948 59.9411C6.948 60.7691 7.62 61.4411 8.448 61.4411H11.114C11.942 61.4411 12.614 60.7691 12.614 59.9411C12.614 59.1141 11.942 58.4411 11.114 58.4411ZM19.767 58.4411H17.1C16.273 58.4411 15.6 59.1141 15.6 59.9411C15.6 60.7691 16.273 61.4411 17.1 61.4411H19.767C20.595 61.4411 21.267 60.7691 21.267 59.9411C21.267 59.1141 20.595 58.4411 19.767 58.4411ZM8.448 47.3851H28.102C28.93 47.3851 29.602 46.7121 29.602 45.8851C29.602 45.0571 28.93 44.3851 28.102 44.3851H8.448C7.62 44.3851 6.948 45.0571 6.948 45.8851C6.948 46.7121 7.62 47.3851 8.448 47.3851ZM8.448 38.7921H35.222C36.05 38.7921 36.722 38.1201 36.722 37.2921C36.722 36.4641 36.05 35.7921 35.222 35.7921H8.448C7.62 35.7921 6.948 36.4641 6.948 37.2921C6.948 38.1201 7.62 38.7921 8.448 38.7921ZM8.448 30.2001H41.756C42.584 30.2001 43.256 29.5281 43.256 28.7001C43.256 27.8721 42.584 27.2001 41.756 27.2001H8.448C7.62 27.2001 6.948 27.8721 6.948 28.7001C6.948 29.5281 7.62 30.2001 8.448 30.2001ZM73.018 14.7481H70.351C69.523 14.7481 68.851 15.4201 68.851 16.2481C68.851 17.0761 69.523 17.7481 70.351 17.7481H73.018C73.846 17.7481 74.518 17.0761 74.518 16.2481C74.518 15.4201 73.846 14.7481 73.018 14.7481ZM64.365 14.7481H61.698C60.87 14.7481 60.198 15.4201 60.198 16.2481C60.198 17.0761 60.87 17.7481 61.698 17.7481H64.365C65.193 17.7481 65.865 17.0761 65.865 16.2481C65.865 15.4201 65.193 14.7481 64.365 14.7481ZM55.712 14.7481H53.045C52.217 14.7481 51.545 15.4201 51.545 16.2481C51.545 17.0761 52.217 17.7481 53.045 17.7481H55.712C56.54 17.7481 57.212 17.0761 57.212 16.2481C57.212 15.4201 56.54 14.7481 55.712 14.7481Z" fill="url(#paint0_linear_4239_9060)"/>
|
|
@@ -2420,28 +2423,22 @@ class NavRailComponent {
|
|
|
2420
2423
|
this.isOpen = !this.isOpen;
|
|
2421
2424
|
}
|
|
2422
2425
|
onAnimDone(event) {
|
|
2423
|
-
if (event.toState === '
|
|
2426
|
+
if (event.toState === 'closed') {
|
|
2424
2427
|
this.onClose.emit();
|
|
2425
2428
|
}
|
|
2426
2429
|
}
|
|
2427
2430
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavRailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2428
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2431
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NavRailComponent, isStandalone: true, selector: "ius-nav-rail", inputs: { isOpen: "isOpen" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"rail-container\" [class.collapsed]=\"!isOpen\" [@slideInOut]=\"isOpen ? 'open' : 'closed'\" (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary\r\n class=\"panel\"\r\n [iconName]=\"isOpen ? 'icon-left-panel-close' : 'icon-left-panel-open'\"\r\n (click)=\"toggle()\">\r\n </ius-button-squared-secondary>\r\n </div>\r\n <div class=\"rail-items-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: [".container-general{position:relative;height:100%}.panel{display:flex;align-items:center;gap:10px}.rail-container{display:inline-flex;height:calc(100% - 32px);width:239px;padding:16px 8px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-right:1px solid #eaeaea;background-color:#fafafa;overflow:hidden}.rail-icon-container{display:flex;align-items:center;gap:10px;align-self:stretch}.rail-items-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;opacity:1;transition:opacity .2s ease}.collapsed .rail-items-container{opacity:0;pointer-events:none}.toggle-btn{border:none;background:none;cursor:pointer;padding:8px;align-self:flex-end}\n"], dependencies: [{ kind: "component", type: ButtonSquaredSecondaryComponent, selector: "ius-button-squared-secondary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }], animations: [
|
|
2429
2432
|
trigger('slideInOut', [
|
|
2430
|
-
state('
|
|
2431
|
-
width: '
|
|
2432
|
-
opacity: 0,
|
|
2433
|
-
overflow: 'hidden'
|
|
2433
|
+
state('open', style({
|
|
2434
|
+
width: '239px',
|
|
2434
2435
|
})),
|
|
2435
|
-
state('
|
|
2436
|
-
width: '
|
|
2437
|
-
opacity: 1
|
|
2436
|
+
state('closed', style({
|
|
2437
|
+
width: '40px',
|
|
2438
2438
|
})),
|
|
2439
|
-
transition('
|
|
2440
|
-
animate('370ms ease-in')
|
|
2439
|
+
transition('open <=> closed', [
|
|
2440
|
+
animate('370ms ease-in-out')
|
|
2441
2441
|
]),
|
|
2442
|
-
transition('* => void', [
|
|
2443
|
-
animate('370ms ease-out')
|
|
2444
|
-
])
|
|
2445
2442
|
])
|
|
2446
2443
|
] }); }
|
|
2447
2444
|
}
|
|
@@ -2449,23 +2446,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2449
2446
|
type: Component,
|
|
2450
2447
|
args: [{ selector: 'ius-nav-rail', standalone: true, imports: [ButtonSquaredSecondaryComponent], animations: [
|
|
2451
2448
|
trigger('slideInOut', [
|
|
2452
|
-
state('
|
|
2453
|
-
width: '
|
|
2454
|
-
opacity: 0,
|
|
2455
|
-
overflow: 'hidden'
|
|
2449
|
+
state('open', style({
|
|
2450
|
+
width: '239px',
|
|
2456
2451
|
})),
|
|
2457
|
-
state('
|
|
2458
|
-
width: '
|
|
2459
|
-
opacity: 1
|
|
2452
|
+
state('closed', style({
|
|
2453
|
+
width: '40px',
|
|
2460
2454
|
})),
|
|
2461
|
-
transition('
|
|
2462
|
-
animate('370ms ease-in')
|
|
2455
|
+
transition('open <=> closed', [
|
|
2456
|
+
animate('370ms ease-in-out')
|
|
2463
2457
|
]),
|
|
2464
|
-
transition('* => void', [
|
|
2465
|
-
animate('370ms ease-out')
|
|
2466
|
-
])
|
|
2467
2458
|
])
|
|
2468
|
-
], template: "<div class=\"container-general\">\r\n
|
|
2459
|
+
], template: "<div class=\"container-general\">\r\n <div class=\"rail-container\" [class.collapsed]=\"!isOpen\" [@slideInOut]=\"isOpen ? 'open' : 'closed'\" (@slideInOut.done)=\"onAnimDone($event)\">\r\n <div class=\"rail-icon-container\">\r\n <ius-button-squared-secondary\r\n class=\"panel\"\r\n [iconName]=\"isOpen ? 'icon-left-panel-close' : 'icon-left-panel-open'\"\r\n (click)=\"toggle()\">\r\n </ius-button-squared-secondary>\r\n </div>\r\n <div class=\"rail-items-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: [".container-general{position:relative;height:100%}.panel{display:flex;align-items:center;gap:10px}.rail-container{display:inline-flex;height:calc(100% - 32px);width:239px;padding:16px 8px;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;border-right:1px solid #eaeaea;background-color:#fafafa;overflow:hidden}.rail-icon-container{display:flex;align-items:center;gap:10px;align-self:stretch}.rail-items-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;opacity:1;transition:opacity .2s ease}.collapsed .rail-items-container{opacity:0;pointer-events:none}.toggle-btn{border:none;background:none;cursor:pointer;padding:8px;align-self:flex-end}\n"] }]
|
|
2469
2460
|
}], propDecorators: { isOpen: [{
|
|
2470
2461
|
type: Input
|
|
2471
2462
|
}], onClose: [{
|