sidesys-generic-ui 2.2.2 → 2.3.0
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/animation/emuns/animation.enum.mjs +33 -6
- package/esm2022/lib/avatar/components/profile-group/s-profile-group.component.mjs +2 -2
- package/esm2022/lib/avatar/s-avatar.component.mjs +2 -2
- package/esm2022/lib/badge/s-badge.component.mjs +2 -2
- package/esm2022/lib/button/components/button/s-button.component.mjs +2 -2
- package/esm2022/lib/card/s-card.component.mjs +3 -4
- package/esm2022/lib/card/s-card.module.mjs +4 -12
- package/esm2022/lib/checkbox/checkbox-new/s-checkbox.component.mjs +2 -2
- package/esm2022/lib/checkbox/s-checkbox.component.mjs +2 -2
- package/esm2022/lib/collapse/s-collapse.component.mjs +2 -2
- package/esm2022/lib/dynamic-form/s-dynamic-form.component.mjs +1 -1
- package/esm2022/lib/dynamic-form/s-dynamic-form.module.mjs +4 -19
- package/esm2022/lib/footer/s-footer.component.mjs +2 -2
- package/esm2022/lib/grid-multi-inputs/components/grid-multi-inputs-toolbar-top/grid-multi-inputs-toolbar-top.component.mjs +2 -2
- package/esm2022/lib/grid-multi-inputs/grid-multi-inputs.component.mjs +2 -2
- package/esm2022/lib/input/components/calendar/s-calendar.component.mjs +2 -2
- package/esm2022/lib/input/components/color/s-color.component.mjs +2 -2
- package/esm2022/lib/input/components/error-control/s-error-control.component.mjs +2 -2
- package/esm2022/lib/input/components/input/s-input.component.mjs +2 -2
- package/esm2022/lib/input/components/input-number/s-input-number.component.mjs +2 -2
- package/esm2022/lib/input/components/input-textarea/s-input-textarea.component.mjs +2 -2
- package/esm2022/lib/input/components/range/s-range.component.mjs +7 -7
- package/esm2022/lib/input/components/time/s-time.component.mjs +2 -2
- package/esm2022/lib/input/directives/control-boolean-accessor.directive.mjs +1 -1
- package/esm2022/lib/input/index.mjs +1 -2
- package/esm2022/lib/input/input.module.mjs +7 -12
- package/esm2022/lib/link/s-link.component.mjs +2 -2
- package/esm2022/lib/list-simple/s-list-simple.component.mjs +2 -2
- package/esm2022/lib/modal/modal-confirm/modal-confirm.component.mjs +2 -2
- package/esm2022/lib/navbar/components/icon-menu/components/s-notificaction.component.mjs +2 -2
- package/esm2022/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +2 -2
- package/esm2022/lib/navbar/components/menu-main/s-menu-main.component.mjs +2 -2
- package/esm2022/lib/navbar/components/menu-main/s-menu-main.module.mjs +4 -10
- package/esm2022/lib/navbar/s-navbar.component.mjs +2 -2
- package/esm2022/lib/navbar/s-navbar.module.mjs +4 -10
- package/esm2022/lib/radio/s-radio.component.mjs +2 -2
- package/esm2022/lib/select/select/s-select.component.mjs +3 -3
- package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs +3 -3
- package/esm2022/lib/select/select-multiple-old/s-select-multiple-old.component.mjs +2 -2
- package/esm2022/lib/select/select-simple/s-select-simple.component.mjs +3 -3
- package/esm2022/lib/sidebar/s-sidebar.component.mjs +2 -2
- package/esm2022/lib/sidebar/s-sidebar.module.mjs +6 -25
- package/esm2022/lib/spinner/s-spinner.component.mjs +8 -17
- package/esm2022/lib/spinner/s-spinner.module.mjs +7 -12
- package/esm2022/lib/table-complete/table-complete.component.mjs +2 -2
- package/esm2022/lib/table-t/s-tablet.component.mjs +2 -2
- package/esm2022/lib/tabs/s-tabs.component.mjs +7 -2
- package/esm2022/lib/tag/s-tag.component.mjs +2 -2
- package/esm2022/lib/theme/s-theme.component.mjs +2 -2
- package/esm2022/lib/timeline/s-timeline.component.mjs +2 -2
- package/esm2022/lib/toast/s-toast.component.mjs +2 -2
- package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs +2 -2
- package/esm2022/lib/toggle-switch/toggle-switch-form/toggle-switch-form.component.mjs +115 -16
- package/esm2022/lib/toolbar-top/toolbar-top.component.mjs +3 -4
- package/esm2022/lib/toolbar-top/toolbar-top.module.mjs +1 -5
- package/esm2022/lib/tooltip/s-tooltip.component.mjs +4 -4
- package/esm2022/lib/tree-list/s-tree-list.component.mjs +2 -2
- package/esm2022/public-api.mjs +1 -5
- package/fesm2022/sidesys-generic-ui.mjs +1706 -2515
- package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
- package/lib/animation/emuns/animation.enum.d.ts +14 -2
- package/lib/card/s-card.component.d.ts +0 -2
- package/lib/card/s-card.module.d.ts +4 -5
- package/lib/dynamic-form/s-dynamic-form.module.d.ts +7 -9
- package/lib/input/index.d.ts +0 -1
- package/lib/input/input.module.d.ts +14 -15
- package/lib/navbar/components/menu-main/s-menu-main.module.d.ts +4 -5
- package/lib/navbar/s-navbar.module.d.ts +8 -9
- package/lib/sidebar/s-sidebar.module.d.ts +4 -5
- package/lib/spinner/s-spinner.component.d.ts +5 -9
- package/lib/spinner/s-spinner.module.d.ts +2 -1
- package/lib/tabs/s-tabs.component.d.ts +3 -2
- package/lib/toggle-switch/toggle-switch-form/toggle-switch-form.component.d.ts +17 -4
- package/lib/toolbar-top/toolbar-top.component.d.ts +1 -1
- package/lib/toolbar-top/toolbar-top.module.d.ts +7 -8
- package/package.json +1 -1
- package/public-api.d.ts +0 -4
- package/esm2022/lib/drop-down/index.mjs +0 -4
- package/esm2022/lib/drop-down/s-drop-down-button.mjs +0 -7
- package/esm2022/lib/drop-down/s-drop-down.component.mjs +0 -29
- package/esm2022/lib/drop-down/s-drop-down.module.mjs +0 -18
- package/esm2022/lib/form/index.mjs +0 -4
- package/esm2022/lib/form/s-form-control.mjs +0 -59
- package/esm2022/lib/form/s-form.component.mjs +0 -130
- package/esm2022/lib/form/s-form.module.mjs +0 -51
- package/esm2022/lib/icon/index.mjs +0 -3
- package/esm2022/lib/icon/s-icon.component.mjs +0 -41
- package/esm2022/lib/icon/s-icon.module.mjs +0 -22
- package/esm2022/lib/icon/s-icons.mjs +0 -55
- package/esm2022/lib/input/components/input-text/s-input-text.component.mjs +0 -346
- package/esm2022/lib/login/index.mjs +0 -6
- package/esm2022/lib/login/s-login-errors-model.mjs +0 -3
- package/esm2022/lib/login/s-login-event.mjs +0 -3
- package/esm2022/lib/login/s-login-images.mjs +0 -4
- package/esm2022/lib/login/s-login-model.mjs +0 -3
- package/esm2022/lib/login/s-login.component.mjs +0 -121
- package/esm2022/lib/login/s-login.module.mjs +0 -32
- package/lib/drop-down/index.d.ts +0 -3
- package/lib/drop-down/s-drop-down-button.d.ts +0 -4
- package/lib/drop-down/s-drop-down.component.d.ts +0 -12
- package/lib/drop-down/s-drop-down.module.d.ts +0 -8
- package/lib/form/index.d.ts +0 -3
- package/lib/form/s-form-control.d.ts +0 -26
- package/lib/form/s-form.component.d.ts +0 -33
- package/lib/form/s-form.module.d.ts +0 -14
- package/lib/icon/index.d.ts +0 -2
- package/lib/icon/s-icon.component.d.ts +0 -18
- package/lib/icon/s-icon.module.d.ts +0 -8
- package/lib/icon/s-icons.d.ts +0 -8
- package/lib/input/components/input-text/s-input-text.component.d.ts +0 -66
- package/lib/login/index.d.ts +0 -5
- package/lib/login/s-login-errors-model.d.ts +0 -7
- package/lib/login/s-login-event.d.ts +0 -4
- package/lib/login/s-login-images.d.ts +0 -3
- package/lib/login/s-login-model.d.ts +0 -8
- package/lib/login/s-login.component.d.ts +0 -42
- package/lib/login/s-login.module.d.ts +0 -10
|
@@ -44,7 +44,7 @@ export class STooltipComponent {
|
|
|
44
44
|
heightParent = this.tooltip.nativeElement.offsetHeight - 4;
|
|
45
45
|
}
|
|
46
46
|
document.documentElement.style.setProperty('--stilePositionArrow', ((heightParent - 5) / 2) + "px");
|
|
47
|
-
this.stylePosition = { "translate": +x + "px " + y + "px", "transform": "translateX(-100%)", "position": "fixed", "margin-right": "
|
|
47
|
+
this.stylePosition = { "translate": +x + "px " + y + "px", "transform": "translateX(-100%)", "position": "fixed", "margin-right": "0.625rem" };
|
|
48
48
|
break;
|
|
49
49
|
case "right":
|
|
50
50
|
x = x + 10;
|
|
@@ -59,11 +59,11 @@ export class STooltipComponent {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STooltipComponent, selector: "s-tooltip", inputs: { title: "title", description: "description", theme: "theme", position: "position" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["stooltip"], descendants: true }], ngImport: i0, template: " <div #stooltip [ngStyle]=\"stylePosition\" class=\"s-tooltip s-tooltip--theme-{{theme}} s-tooltip--position-{{position}} s-tooltip--display-{{showTooltip}}\">\n <div class=\"s-tooltip__title\">{{title}}</div>\n <div class=\"s-tooltip__description\" *ngIf=\"description\">{{description}}</div>\n </div>\n", styles: [".s-tooltip{position:absolute;width:max-content;max-width:20.5rem;text-align:left;z-index:3;top:0;left:0;padding:.5rem .75rem;border-radius:.25rem}.s-tooltip__title{font-weight:700;font-size:.75rem}.s-tooltip__description{font-weight:400;font-size:.75rem}.s-tooltip--display-false{display:none}.s-tooltip--display-true{display:block}.s-tooltip--theme-dark{background-color:var(--primary-600)}.s-tooltip--theme-dark .s-tooltip__title,.s-tooltip--theme-dark .s-tooltip__description{color:var(--neutrals-1200)}.s-tooltip--theme-light{background-color:var(--neutrals-1200)}.s-tooltip--theme-light .s-tooltip__title{color:var(--secondary-600)}.s-tooltip--theme-light .s-tooltip__description{color:var(--secondary-500)}.s-tooltip--position-top{box-shadow:0
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STooltipComponent, selector: "s-tooltip", inputs: { title: "title", description: "description", theme: "theme", position: "position" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["stooltip"], descendants: true }], ngImport: i0, template: " <div #stooltip [ngStyle]=\"stylePosition\" class=\"s-tooltip s-tooltip--theme-{{theme}} s-tooltip--position-{{position}} s-tooltip--display-{{showTooltip}}\">\n <div class=\"s-tooltip__title\">{{title}}</div>\n <div class=\"s-tooltip__description\" *ngIf=\"description\">{{description}}</div>\n </div>\n", styles: [".s-tooltip{position:absolute;width:max-content;max-width:20.5rem;text-align:left;z-index:3;top:0;left:0;padding:.5rem .75rem;border-radius:.25rem}.s-tooltip__title{font-weight:700;font-size:.75rem}.s-tooltip__description{font-weight:400;font-size:.75rem}.s-tooltip--display-false{display:none}.s-tooltip--display-true{display:block}.s-tooltip--theme-dark{background-color:var(--primary-600)}.s-tooltip--theme-dark .s-tooltip__title,.s-tooltip--theme-dark .s-tooltip__description{color:var(--neutrals-1200)}.s-tooltip--theme-light{background-color:var(--neutrals-1200)}.s-tooltip--theme-light .s-tooltip__title{color:var(--secondary-600)}.s-tooltip--theme-light .s-tooltip__description{color:var(--secondary-500)}.s-tooltip--position-top{box-shadow:0 .125rem .5625rem .4375rem var(--blue-alpha-200)}.s-tooltip--position-bottom{box-shadow:0 -.125rem .5625rem .4375rem var(--blue-alpha-200)}.s-tooltip--position-right{box-shadow:-.3125rem .125rem .75rem .375rem var(--blue-alpha-200)}.s-tooltip--position-left{box-shadow:.3125rem .0625rem .75rem .375rem var(--blue-alpha-200)}.s-tooltip--theme-dark:before{background:var(--primary-600)}.s-tooltip--theme-light:before{background:var(--neutrals-1200);box-shadow:0 1.125rem 1.75rem 0 var(--blue-alpha-200)}.s-tooltip--position-right:before,.s-tooltip--position-left:before,.s-tooltip--position-bottom:before,.s-tooltip--position-top:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:.625rem;width:.625rem}.s-tooltip--position-right:before{top:var(--stilePositionArrow);left:-.188rem}.s-tooltip--position-left:before{top:var(--stilePositionArrow);right:-.188rem}.s-tooltip--position-bottom:before{top:-.188rem;left:var(--stilePositionArrow)}.s-tooltip--position-top:before{bottom:-.188rem;left:var(--stilePositionArrow)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
63
63
|
}
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STooltipComponent, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
|
-
args: [{ selector: 's-tooltip', template: " <div #stooltip [ngStyle]=\"stylePosition\" class=\"s-tooltip s-tooltip--theme-{{theme}} s-tooltip--position-{{position}} s-tooltip--display-{{showTooltip}}\">\n <div class=\"s-tooltip__title\">{{title}}</div>\n <div class=\"s-tooltip__description\" *ngIf=\"description\">{{description}}</div>\n </div>\n", styles: [".s-tooltip{position:absolute;width:max-content;max-width:20.5rem;text-align:left;z-index:3;top:0;left:0;padding:.5rem .75rem;border-radius:.25rem}.s-tooltip__title{font-weight:700;font-size:.75rem}.s-tooltip__description{font-weight:400;font-size:.75rem}.s-tooltip--display-false{display:none}.s-tooltip--display-true{display:block}.s-tooltip--theme-dark{background-color:var(--primary-600)}.s-tooltip--theme-dark .s-tooltip__title,.s-tooltip--theme-dark .s-tooltip__description{color:var(--neutrals-1200)}.s-tooltip--theme-light{background-color:var(--neutrals-1200)}.s-tooltip--theme-light .s-tooltip__title{color:var(--secondary-600)}.s-tooltip--theme-light .s-tooltip__description{color:var(--secondary-500)}.s-tooltip--position-top{box-shadow:0
|
|
66
|
+
args: [{ selector: 's-tooltip', template: " <div #stooltip [ngStyle]=\"stylePosition\" class=\"s-tooltip s-tooltip--theme-{{theme}} s-tooltip--position-{{position}} s-tooltip--display-{{showTooltip}}\">\n <div class=\"s-tooltip__title\">{{title}}</div>\n <div class=\"s-tooltip__description\" *ngIf=\"description\">{{description}}</div>\n </div>\n", styles: [".s-tooltip{position:absolute;width:max-content;max-width:20.5rem;text-align:left;z-index:3;top:0;left:0;padding:.5rem .75rem;border-radius:.25rem}.s-tooltip__title{font-weight:700;font-size:.75rem}.s-tooltip__description{font-weight:400;font-size:.75rem}.s-tooltip--display-false{display:none}.s-tooltip--display-true{display:block}.s-tooltip--theme-dark{background-color:var(--primary-600)}.s-tooltip--theme-dark .s-tooltip__title,.s-tooltip--theme-dark .s-tooltip__description{color:var(--neutrals-1200)}.s-tooltip--theme-light{background-color:var(--neutrals-1200)}.s-tooltip--theme-light .s-tooltip__title{color:var(--secondary-600)}.s-tooltip--theme-light .s-tooltip__description{color:var(--secondary-500)}.s-tooltip--position-top{box-shadow:0 .125rem .5625rem .4375rem var(--blue-alpha-200)}.s-tooltip--position-bottom{box-shadow:0 -.125rem .5625rem .4375rem var(--blue-alpha-200)}.s-tooltip--position-right{box-shadow:-.3125rem .125rem .75rem .375rem var(--blue-alpha-200)}.s-tooltip--position-left{box-shadow:.3125rem .0625rem .75rem .375rem var(--blue-alpha-200)}.s-tooltip--theme-dark:before{background:var(--primary-600)}.s-tooltip--theme-light:before{background:var(--neutrals-1200);box-shadow:0 1.125rem 1.75rem 0 var(--blue-alpha-200)}.s-tooltip--position-right:before,.s-tooltip--position-left:before,.s-tooltip--position-bottom:before,.s-tooltip--position-top:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:.625rem;width:.625rem}.s-tooltip--position-right:before{top:var(--stilePositionArrow);left:-.188rem}.s-tooltip--position-left:before{top:var(--stilePositionArrow);right:-.188rem}.s-tooltip--position-bottom:before{top:-.188rem;left:var(--stilePositionArrow)}.s-tooltip--position-top:before{bottom:-.188rem;left:var(--stilePositionArrow)}\n"] }]
|
|
67
67
|
}], propDecorators: { tooltip: [{
|
|
68
68
|
type: ViewChild,
|
|
69
69
|
args: ['stooltip']
|
|
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
76
76
|
}], position: [{
|
|
77
77
|
type: Input
|
|
78
78
|
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10b29sdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3Rvb2x0aXAvcy10b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3Rvb2x0aXAvcy10b29sdGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXhFLE1BQU0sT0FBTyxpQkFBaUI7SUFOOUI7UUFZVyxVQUFLLEdBQXNCLE9BQU8sQ0FBQztRQUNuQyxhQUFRLEdBQTBDLEtBQUssQ0FBQztRQUNqRSxrQkFBYSxHQUFPLEVBQUUsQ0FBQztRQUN2QixnQkFBVyxHQUFXLEtBQUssQ0FBQTtLQTBENUI7SUF4REMsTUFBTTtRQUNKLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFBO0lBQ3RDLENBQUM7SUFFRCxJQUFJLENBQUMsQ0FBTSxFQUFHLENBQU0sRUFBRyxZQUFpQixFQUFHLFdBQWdCO1FBQ3pELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFBO1FBQ3ZCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUcsQ0FBQyxFQUFHLENBQUMsRUFBRyxZQUFZLEVBQUcsV0FBVyxDQUFDLENBQUE7UUFDdkUsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSTtRQUNGLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQzFCLENBQUM7SUFFRCxZQUFZLENBQUMsUUFBWSxFQUFHLENBQUssRUFBRyxDQUFLLEVBQUcsWUFBZ0IsRUFBRyxXQUFlO1FBRTVF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LENBQUMsR0FBQyxJQUFJLEVBQUcsV0FBVyxFQUFFLGFBQWEsR0FBQyxXQUFXLEdBQUMsS0FBSyxFQUFHLFVBQVUsRUFBRSxPQUFPLEVBQUMsQ0FBQTtnQkFDMUgsTUFBTTtZQUVOO2dCQUVBLE1BQU07UUFDUixDQUFDO0lBQ0gsQ0FBQzsrR0FsRVUsaUJBQWlCO21HQUFqQixpQkFBaUIsb1BDUjlCLGdVQUlBOzs0RkRJYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsV0FBVzs4QkFPRSxPQUFPO3NCQUE3QixTQUFTO3VCQUFDLFVBQVU7Z0JBRVosS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy10b29sdGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtdG9vbHRpcC5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgU1Rvb2x0aXBDb21wb25lbnQge1xuICBcbiAgQFZpZXdDaGlsZCgnc3Rvb2x0aXAnKSB0b29sdGlwITogRWxlbWVudFJlZjtcblxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRoZW1lPzogJ2xpZ2h0JyB8ICdkYXJrJyA9ICdsaWdodCc7XG4gIEBJbnB1dCgpIHBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ3RvcCcgID0gXCJ0b3BcIjtcbiAgc3R5bGVQb3NpdGlvbjphbnkgPSAnJztcbiAgc2hvd1Rvb2x0aXA6Ym9vbGVhbiA9IGZhbHNlXG5cbiAgdG9vZ2xlKCl7XG4gICAgdGhpcy5zaG93VG9vbHRpcCA9ICF0aGlzLnNob3dUb29sdGlwXG4gIH1cblxuICBzaG93KHg/OmFueSAsIHk/OmFueSAsIGhlaWdodFBhcmVudD86YW55ICwgd2lkdGhQYXJlbnQ/OmFueSl7XG4gICAgdGhpcy5zaG93VG9vbHRpcCA9IHRydWVcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuZmFjdG9yeVN0eWxlKHRoaXMucG9zaXRpb24gLCB4ICwgeSAsIGhlaWdodFBhcmVudCAsIHdpZHRoUGFyZW50KVxuICAgIH0pO1xuICB9XG5cbiAgaGlkZSgpe1xuICAgIHRoaXMuc2hvd1Rvb2x0aXAgPSBmYWxzZVxuICB9XG5cbiAgZmFjdG9yeVN0eWxlKHBvc2l0aW9uOmFueSAsIHg6YW55ICwgeTphbnkgLCBoZWlnaHRQYXJlbnQ6YW55ICwgd2lkdGhQYXJlbnQ6YW55KXtcblxuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgIGNhc2UgXCJ0b3BcIjpcbiAgICAgICAgeT15LTVcbiAgICAgICAgaWYodGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggPCB3aWR0aFBhcmVudCl7XG4gICAgICAgICAgd2lkdGhQYXJlbnQgPSB0aGlzLnRvb2x0aXAubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCAtNFxuICAgICAgICB9XG4gICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zdGlsZVBvc2l0aW9uQXJyb3cnICwgKHdpZHRoUGFyZW50LzIpK1wicHhcIiApO1xuICAgICAgICB0aGlzLnN0eWxlUG9zaXRpb24gPSB7XCJ0cmFuc2xhdGVcIjogK3grXCJweCBcIit5K1wicHhcIiAsIFwidHJhbnNmb3JtXCI6IFwidHJhbnNsYXRlWSgtMTAwJSlcIiAsIFwicG9zaXRpb25cIjogXCJmaXhlZFwifVxuICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFwiYm90dG9tXCI6XG4gICAgICAgIHk9eSs1XG4gICAgICAgIGlmKHRoaXMudG9vbHRpcC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoIDwgd2lkdGhQYXJlbnQpe1xuICAgICAgICAgIHdpZHRoUGFyZW50ID0gdGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggLTRcbiAgICAgICAgfVxuICAgICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJy0tc3RpbGVQb3NpdGlvbkFycm93JyAsICh3aWR0aFBhcmVudC8yKStcInB4XCIgKTtcbiAgICAgICAgdGhpcy5zdHlsZVBvc2l0aW9uID0ge1widHJhbnNsYXRlXCI6ICt4K1wicHggXCIreStcInB4XCIgLCBcInRyYW5zZm9ybVwiOiBcInRyYW5zbGF0ZVkoXCIraGVpZ2h0UGFyZW50K1wicHgpXCIgLCBcInBvc2l0aW9uXCI6IFwiZml4ZWRcIn1cbiAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBcImxlZnRcIjpcbiAgICAgICAgeD14LTEwXG4gICAgICAgIGlmKHRoaXMudG9vbHRpcC5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCA8IGhlaWdodFBhcmVudCl7XG4gICAgICAgICAgaGVpZ2h0UGFyZW50ID0gdGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0IC00XG4gICAgICAgIH1cbiAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLXN0aWxlUG9zaXRpb25BcnJvdycgLCAoKGhlaWdodFBhcmVudC01KS8yKStcInB4XCIgKTtcbiAgICAgICAgdGhpcy5zdHlsZVBvc2l0aW9uID0ge1widHJhbnNsYXRlXCI6ICt4K1wicHggXCIreStcInB4XCIgLCBcInRyYW5zZm9ybVwiOiBcInRyYW5zbGF0ZVgoLTEwMCUpXCIgLCBcInBvc2l0aW9uXCI6IFwiZml4ZWRcIiAsIFwibWFyZ2luLXJpZ2h0XCI6IFwiMC42MjVyZW1cIn1cbiAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBcInJpZ2h0XCI6XG4gICAgICAgIHg9eCsxMFxuICAgICAgICBpZih0aGlzLnRvb2x0aXAubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQgPCBoZWlnaHRQYXJlbnQpe1xuICAgICAgICAgIGhlaWdodFBhcmVudCA9IHRoaXMudG9vbHRpcC5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCAtNFxuICAgICAgICB9XG4gICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zdGlsZVBvc2l0aW9uQXJyb3cnICwgKChoZWlnaHRQYXJlbnQtNSkvMikrXCJweFwiICk7XG4gICAgICAgIHRoaXMuc3R5bGVQb3NpdGlvbiA9IHtcInRyYW5zbGF0ZVwiOiAreCtcInB4IFwiK3krXCJweFwiICwgXCJ0cmFuc2Zvcm1cIjogXCJ0cmFuc2xhdGVYKFwiK3dpZHRoUGFyZW50K1wicHgpXCIgLCBcInBvc2l0aW9uXCI6IFwiZml4ZWRcIn1cbiAgICAgIGJyZWFrO1xuICAgICAgICBcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIFxuICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG59IiwiICAgPGRpdiAjc3Rvb2x0aXAgW25nU3R5bGVdPVwic3R5bGVQb3NpdGlvblwiIGNsYXNzPVwicy10b29sdGlwIHMtdG9vbHRpcC0tdGhlbWUte3t0aGVtZX19IHMtdG9vbHRpcC0tcG9zaXRpb24te3twb3NpdGlvbn19IHMtdG9vbHRpcC0tZGlzcGxheS17e3Nob3dUb29sdGlwfX1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLXRvb2x0aXBfX3RpdGxlXCI+e3t0aXRsZX19PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicy10b29sdGlwX19kZXNjcmlwdGlvblwiICpuZ0lmPVwiZGVzY3JpcHRpb25cIj57e2Rlc2NyaXB0aW9ufX08L2Rpdj5cbiAgIDwvZGl2PlxuIl19
|
|
@@ -70,11 +70,11 @@ export class STreeListComponent {
|
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
72
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STreeListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STreeListComponent, selector: "s-tree-list", inputs: { treeNodes: "treeNodes", hideAll: "hideAll" }, outputs: { emitSelectNode: "emitSelectNode", emitChecked: "emitChecked" }, ngImport: i0, template: "<ng-template #treeNodeTemplate let-node>\n\n <div class=\"s-tree-list\" (click)=\"selectNode(node)\" [ngClass]=\"node === selectedNode ? 's-tree-list__selected-node' : ''\">\n <span class=\"s-tree-list__toggle-icon\" *ngIf=\"node.children && node.children.length\" tabindex=\"0\" (keydown.enter)=\"toggleNode(node)\" (click)=\"toggleNode(node)\">\n <s-icon-mat class=\"s-tree-list__icon-arrow\">{{node.expanded? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</s-icon-mat>\n </span>\n\n <div class=\"s-tree-list__content\">\n <s-checkbox-old *ngIf=\"!node.hide && !node.hideRoot && !node.hideAll && !hideAll\" [model]=\"node.checked\" [value]=\"node\" \n [isUndefined]=\"node.isUndefined\" (emitSelection)=\"checkNode($event)\" [disabled]=\"node.disable\">\n </s-checkbox-old>\n <s-icon-mat class=\"s-tree-list__content-icon\" *ngIf=\"node.icon\">{{node.icon}}</s-icon-mat>\n <span class=\"s-tree-list__content-title\">{{node.label}}</span>\n </div>\n </div>\n\n <div class=\"s-tree-list__node-children\" *ngIf=\"node.expanded && node.children\">\n <ng-container *ngFor=\"let child of node.children\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: child }\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-container *ngFor=\"let node of treeNodes\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: node }\"></ng-container>\n</ng-container>\n\n\n\n", styles: [".s-tree-list{display:flex;align-items:center;cursor:pointer;margin-bottom:.6rem}.s-tree-list:hover{background-color:var(--neutrals-900)}.s-tree-list:active{background-color:var(--primary-300)}.s-tree-list-toggle-icon{margin-right
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STreeListComponent, selector: "s-tree-list", inputs: { treeNodes: "treeNodes", hideAll: "hideAll" }, outputs: { emitSelectNode: "emitSelectNode", emitChecked: "emitChecked" }, ngImport: i0, template: "<ng-template #treeNodeTemplate let-node>\n\n <div class=\"s-tree-list\" (click)=\"selectNode(node)\" [ngClass]=\"node === selectedNode ? 's-tree-list__selected-node' : ''\">\n <span class=\"s-tree-list__toggle-icon\" *ngIf=\"node.children && node.children.length\" tabindex=\"0\" (keydown.enter)=\"toggleNode(node)\" (click)=\"toggleNode(node)\">\n <s-icon-mat class=\"s-tree-list__icon-arrow\">{{node.expanded? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</s-icon-mat>\n </span>\n\n <div class=\"s-tree-list__content\">\n <s-checkbox-old *ngIf=\"!node.hide && !node.hideRoot && !node.hideAll && !hideAll\" [model]=\"node.checked\" [value]=\"node\" \n [isUndefined]=\"node.isUndefined\" (emitSelection)=\"checkNode($event)\" [disabled]=\"node.disable\">\n </s-checkbox-old>\n <s-icon-mat class=\"s-tree-list__content-icon\" *ngIf=\"node.icon\">{{node.icon}}</s-icon-mat>\n <span class=\"s-tree-list__content-title\">{{node.label}}</span>\n </div>\n </div>\n\n <div class=\"s-tree-list__node-children\" *ngIf=\"node.expanded && node.children\">\n <ng-container *ngFor=\"let child of node.children\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: child }\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-container *ngFor=\"let node of treeNodes\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: node }\"></ng-container>\n</ng-container>\n\n\n\n", styles: [".s-tree-list{display:flex;align-items:center;cursor:pointer;margin-bottom:.6rem}.s-tree-list:hover{background-color:var(--neutrals-900)}.s-tree-list:active{background-color:var(--primary-300)}.s-tree-list-toggle-icon{margin-right:.313rem}.s-tree-list__selected-node{background-color:var(--primary-200)}.s-tree-list__content{align-items:center;display:flex;padding-left:.3rem}.s-tree-list__content-icon{font-size:.8rem;color:var(--primary-600);margin-left:.5rem}.s-tree-list__content-title{margin-left:.5rem}.s-tree-list__node-children{margin-left:1.25rem}.s-tree-list__node-children.show{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.SCheckboxOldComponent, selector: "s-checkbox-old", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive", "tabIndex"], outputs: ["emitSelection"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }] }); }
|
|
74
74
|
}
|
|
75
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STreeListComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
|
-
args: [{ selector: 's-tree-list', template: "<ng-template #treeNodeTemplate let-node>\n\n <div class=\"s-tree-list\" (click)=\"selectNode(node)\" [ngClass]=\"node === selectedNode ? 's-tree-list__selected-node' : ''\">\n <span class=\"s-tree-list__toggle-icon\" *ngIf=\"node.children && node.children.length\" tabindex=\"0\" (keydown.enter)=\"toggleNode(node)\" (click)=\"toggleNode(node)\">\n <s-icon-mat class=\"s-tree-list__icon-arrow\">{{node.expanded? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</s-icon-mat>\n </span>\n\n <div class=\"s-tree-list__content\">\n <s-checkbox-old *ngIf=\"!node.hide && !node.hideRoot && !node.hideAll && !hideAll\" [model]=\"node.checked\" [value]=\"node\" \n [isUndefined]=\"node.isUndefined\" (emitSelection)=\"checkNode($event)\" [disabled]=\"node.disable\">\n </s-checkbox-old>\n <s-icon-mat class=\"s-tree-list__content-icon\" *ngIf=\"node.icon\">{{node.icon}}</s-icon-mat>\n <span class=\"s-tree-list__content-title\">{{node.label}}</span>\n </div>\n </div>\n\n <div class=\"s-tree-list__node-children\" *ngIf=\"node.expanded && node.children\">\n <ng-container *ngFor=\"let child of node.children\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: child }\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-container *ngFor=\"let node of treeNodes\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: node }\"></ng-container>\n</ng-container>\n\n\n\n", styles: [".s-tree-list{display:flex;align-items:center;cursor:pointer;margin-bottom:.6rem}.s-tree-list:hover{background-color:var(--neutrals-900)}.s-tree-list:active{background-color:var(--primary-300)}.s-tree-list-toggle-icon{margin-right
|
|
77
|
+
args: [{ selector: 's-tree-list', template: "<ng-template #treeNodeTemplate let-node>\n\n <div class=\"s-tree-list\" (click)=\"selectNode(node)\" [ngClass]=\"node === selectedNode ? 's-tree-list__selected-node' : ''\">\n <span class=\"s-tree-list__toggle-icon\" *ngIf=\"node.children && node.children.length\" tabindex=\"0\" (keydown.enter)=\"toggleNode(node)\" (click)=\"toggleNode(node)\">\n <s-icon-mat class=\"s-tree-list__icon-arrow\">{{node.expanded? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</s-icon-mat>\n </span>\n\n <div class=\"s-tree-list__content\">\n <s-checkbox-old *ngIf=\"!node.hide && !node.hideRoot && !node.hideAll && !hideAll\" [model]=\"node.checked\" [value]=\"node\" \n [isUndefined]=\"node.isUndefined\" (emitSelection)=\"checkNode($event)\" [disabled]=\"node.disable\">\n </s-checkbox-old>\n <s-icon-mat class=\"s-tree-list__content-icon\" *ngIf=\"node.icon\">{{node.icon}}</s-icon-mat>\n <span class=\"s-tree-list__content-title\">{{node.label}}</span>\n </div>\n </div>\n\n <div class=\"s-tree-list__node-children\" *ngIf=\"node.expanded && node.children\">\n <ng-container *ngFor=\"let child of node.children\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: child }\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-container *ngFor=\"let node of treeNodes\">\n <ng-container [ngTemplateOutlet]=\"treeNodeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: node }\"></ng-container>\n</ng-container>\n\n\n\n", styles: [".s-tree-list{display:flex;align-items:center;cursor:pointer;margin-bottom:.6rem}.s-tree-list:hover{background-color:var(--neutrals-900)}.s-tree-list:active{background-color:var(--primary-300)}.s-tree-list-toggle-icon{margin-right:.313rem}.s-tree-list__selected-node{background-color:var(--primary-200)}.s-tree-list__content{align-items:center;display:flex;padding-left:.3rem}.s-tree-list__content-icon{font-size:.8rem;color:var(--primary-600);margin-left:.5rem}.s-tree-list__content-title{margin-left:.5rem}.s-tree-list__node-children{margin-left:1.25rem}.s-tree-list__node-children.show{display:block}\n"] }]
|
|
78
78
|
}], propDecorators: { treeNodes: [{
|
|
79
79
|
type: Input
|
|
80
80
|
}], hideAll: [{
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
export * from './lib/navbar';
|
|
2
|
-
export * from './lib/login';
|
|
3
2
|
export * from './lib/footer';
|
|
4
|
-
export * from './lib/drop-down';
|
|
5
3
|
export * from './lib/dynamic-form';
|
|
6
4
|
export * from './lib/table-t';
|
|
7
5
|
export * from './lib/popup';
|
|
8
6
|
export * from './lib/button';
|
|
9
|
-
export * from './lib/form';
|
|
10
7
|
export * from './lib/input';
|
|
11
8
|
export * from './lib/toggle-switch';
|
|
12
|
-
export * from './lib/icon';
|
|
13
9
|
export * from './lib/icon-material';
|
|
14
10
|
export * from './lib/sidebar';
|
|
15
11
|
export * from './lib/select';
|
|
@@ -47,4 +43,4 @@ export * from './lib/modal';
|
|
|
47
43
|
export * from './lib/animation';
|
|
48
44
|
export * from './lib/grid-multi-inputs';
|
|
49
45
|
export * from './lib/container';
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9uYXZiYXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZm9vdGVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2R5bmFtaWMtZm9ybSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJsZS10JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BvcHVwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2dnbGUtc3dpdGNoJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbWF0ZXJpYWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2lkZWJhcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWxlY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBhbnktbG9nbyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zcGlubmVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3ByZWNvZGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGluayc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9icmVhZGNydW0nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGlzdCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9saXN0LXNpbXBsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzc2Jhcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aW1lbGluZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2FzdCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aGVtZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90cmVlLWxpc3QnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGFnaW5hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYWRnZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWcnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXZhdGFyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N1Yi1tZW51JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F2YXRhci9jb21wb25lbnRzL3Byb2ZpbGUtZ3JvdXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGh1bWJuYWlsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2x0aXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFicyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb2xsYXBzZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9lbnVtcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyLXRvcCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9lbXB0eSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJsZS1jb21wbGV0ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hbmltYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC1tdWx0aS1pbnB1dHMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFpbmVyJztcbiJdfQ==
|